npm - @loafmarkets/ui - Versions diffs - 0.1.101 → 0.1.102 - Mend

@loafmarkets/ui 0.1.101 → 0.1.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React5 from 'react';
-import React5__default, { createContext, useState, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
+import React5__default, { createContext, useState, useEffect, useCallback, useContext, useMemo, useRef } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
@@ -7,7 +7,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import styled25, { keyframes, css } from 'styled-components';
 import * as ReactDOM from 'react-dom';
-import { Newspaper } from 'lucide-react';
+import { Newspaper, BedDouble, Bath, CarFront } from 'lucide-react';
 import * as LightweightCharts from 'lightweight-charts';
 import { BiChevronUp, BiChevronDown, BiX, BiCoin, BiWallet, BiCreditCard, BiCalendar, BiInfoCircle, BiPencil, BiImages, BiVideo, BiMap } from 'react-icons/bi';
 import { FaChartLine, FaBitcoin } from 'react-icons/fa';
@@ -1770,11 +1770,6 @@ function useViewportCompact(breakpoint) {
   return isCompact;
 }
 var formatNumber = (value, precision) => value.toFixed(precision);
-var formatTradeTime = (time) => {
-  const d = new Date(time);
-  if (Number.isNaN(d.getTime())) return time;
-  return d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: false });
-};
 var FLASH_DURATION_MS = 450;
 var FLASH_UP_COLOR = "rgba(14, 203, 129, 0.35)";
 var FLASH_DOWN_COLOR = "rgba(246, 70, 93, 0.35)";
@@ -1844,12 +1839,14 @@ function TradeRow({
       {
         ref: rowRef,
         className: "grid items-center",
-        style: { gridTemplateColumns: "1fr 1fr 1fr", padding: "0.2rem 0", fontSize: "0.8rem" },
+        style: { gridTemplateColumns: "1.2fr 0.8fr", padding: "0.2rem 0", fontSize: "0.8rem" },
         children: [
-          /* @__PURE__ */ jsx("div", { style: { color: trade.type === "buy" ? "#0ecb81" : "#f6465d" }, className: "tabular-nums", children: formatNumber(trade.price, precision) }),
-          /* @__PURE__ */ jsx("div", { style: { textAlign: "right" }, className: "tabular-nums text-white/90", children: formatNumber(trade.amount, amountPrecision) }),
-          /* @__PURE__ */ jsxs("div", { style: { textAlign: "right", paddingRight: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-end", gap: "4px" }, className: "tabular-nums text-white/50", children: [
-            trade.time != null && /* @__PURE__ */ jsx("span", { children: formatTradeTime(trade.time) }),
+          /* @__PURE__ */ jsxs("div", { style: { color: trade.type === "buy" ? "#0ecb81" : "#f6465d", fontWeight: 500 }, children: [
+            "$",
+            formatNumber(trade.price, precision)
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { textAlign: "right", paddingRight: "0.5rem", display: "flex", alignItems: "center", justifyContent: "flex-end", gap: "4px" }, children: [
+            formatNumber(trade.amount, amountPrecision),
             explorerUrl && /* @__PURE__ */ jsx(
               "a",
               {
@@ -1870,22 +1867,24 @@ function TradeRow({
     "div",
     {
       ref: rowRef,
-      className: "relative grid grid-cols-3 items-center gap-3 px-3 text-[0.8rem]",
-      style: { height: `${DEPTH_ROW_HEIGHT_PX}px` },
+      className: "grid grid-cols-3 items-center gap-3 px-3 py-1.5",
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
               "tabular-nums",
               trade.type === "buy" ? "text-[#0ecb81]" : "text-[#f6465d]"
             ),
-            children: formatNumber(trade.price, precision)
+            children: [
+              "$",
+              formatNumber(trade.price, precision)
+            ]
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "text-right tabular-nums text-white/90", children: formatNumber(trade.amount, amountPrecision) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1.5 tabular-nums text-white/50", children: [
-          trade.time != null && /* @__PURE__ */ jsx("span", { children: trade.time }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [
+          trade.time != null && /* @__PURE__ */ jsx("span", { className: "tabular-nums text-white/50 text-xs", children: trade.time }),
           explorerUrl && /* @__PURE__ */ jsx(
             "a",
             {
@@ -1953,8 +1952,8 @@ function DepthRow({
   );
 }
 var clamp3 = (value, min, max) => Math.min(max, Math.max(min, value));
-var LEVEL_ROWS_VISIBLE = 5;
-var DEPTH_ROW_HEIGHT_PX = 28;
+var LEVEL_ROWS_VISIBLE = 6;
+var DEPTH_ROW_HEIGHT_PX = 26;
 var COMPACT_ROWS_VISIBLE = 5;
 var COMPACT_ROW_HEIGHT_PX = 30;
 var COMPACT_BREAKPOINT_PX = 1024;
@@ -1978,8 +1977,6 @@ var Orderbook = React5.forwardRef(
     onPriceClick,
     onLoafLiquidityClick,
     tradeExplorerUrl,
-    maxLevels,
-    fillHeight = false,
     className,
     ...props
   }, ref) => {
@@ -2024,10 +2021,8 @@ var Orderbook = React5.forwardRef(
       onTabChange?.(next);
     };
     const isCompact = variant === "compact" || variant === "auto" && viewportCompact;
-    const effectiveLevels = maxLevels ?? LEVEL_ROWS_VISIBLE;
-    const effectiveCompactLevels = maxLevels ?? COMPACT_ROWS_VISIBLE;
-    const sectionHeight = isCompact ? effectiveCompactLevels * COMPACT_ROW_HEIGHT_PX : effectiveLevels * DEPTH_ROW_HEIGHT_PX;
-    const rowCount = isCompact ? effectiveCompactLevels : effectiveLevels;
+    const sectionHeight = isCompact ? COMPACT_ROWS_VISIBLE * COMPACT_ROW_HEIGHT_PX : LEVEL_ROWS_VISIBLE * DEPTH_ROW_HEIGHT_PX;
+    const rowCount = isCompact ? COMPACT_ROWS_VISIBLE : LEVEL_ROWS_VISIBLE;
     const askVisibleLevels = asks.slice(-rowCount);
     const bidVisibleLevels = bids.slice(0, rowCount);
     const askCumDepths = new Array(askVisibleLevels.length);
@@ -2046,8 +2041,7 @@ var Orderbook = React5.forwardRef(
         bidCumDepths[i] = acc;
       }
     }
-    const askMaxCumDepth = Math.max(1, ...askCumDepths);
-    const bidMaxCumDepth = Math.max(1, ...bidCumDepths);
+    const combinedMaxCumDepth = Math.max(1, ...askCumDepths, ...bidCumDepths);
     const midClass = midChangePercent == null ? "text-white" : midChangePercent >= 0 ? "text-[#0ecb81]" : "text-[#f6465d]";
     const tradeFiltered = trades.filter((t) => tradeFilter === "all" || t.type === tradeFilter);
     const layoutProps = {
@@ -2067,8 +2061,7 @@ var Orderbook = React5.forwardRef(
       bidVisibleLevels,
       askCumDepths,
       bidCumDepths,
-      askMaxCumDepth,
-      bidMaxCumDepth,
+      combinedMaxCumDepth,
       midPrice,
       midChangePercent,
       midClass,
@@ -2078,19 +2071,15 @@ var Orderbook = React5.forwardRef(
       isLoading,
       seenTradeKeysRef,
       tradeExplorerUrl,
-      onPriceClick,
-      levelCount: effectiveLevels,
-      compactLevelCount: effectiveCompactLevels,
-      fillHeight
+      onPriceClick
     };
     return /* @__PURE__ */ jsx(
       Card,
       {
         ref,
         className: cn(
-          "w-full max-w-[520px] overflow-hidden rounded-[12px] border border-white/10 bg-[#111111] text-white shadow-md flex flex-col",
+          "w-full max-w-[520px] overflow-hidden rounded-[12px] border border-white/10 bg-[#111111] text-white shadow-md flex flex-col h-full",
           isCompact && "max-w-none",
-          fillHeight && "h-full",
           className
         ),
         ...props,
@@ -2139,8 +2128,7 @@ function DesktopOrderbookLayout({
   bidVisibleLevels,
   askCumDepths,
   bidCumDepths,
-  askMaxCumDepth,
-  bidMaxCumDepth,
+  combinedMaxCumDepth,
   midPrice,
   midChangePercent,
   midClass,
@@ -2150,10 +2138,7 @@ function DesktopOrderbookLayout({
   isLoading,
   seenTradeKeysRef,
   tradeExplorerUrl,
-  onPriceClick,
-  levelCount: effectiveLevels,
-  compactLevelCount: _compactLevelCount,
-  fillHeight
+  onPriceClick
 }) {
   const midRef = React5.useRef(null);
   useMidPriceFlash(midRef, midPrice, "#0b1a24");
@@ -2241,7 +2226,7 @@ function DesktopOrderbookLayout({
         {
           className: "max-h-[380px] overflow-y-auto overflow-x-hidden",
           style: { scrollbarGutter: "stable" },
-          children: isLoading && tradeFiltered.length === 0 ? /* @__PURE__ */ jsx("div", { children: Array.from({ length: effectiveLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `trade-skel-${i}`)) }) : tradeFiltered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-10 text-center text-sm text-white/50", children: "No trades" }) : /* @__PURE__ */ jsx("div", { children: tradeFiltered.map((trade, i) => {
+          children: isLoading && tradeFiltered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "divide-y divide-white/5", children: Array.from({ length: LEVEL_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `trade-skel-${i}`)) }) : tradeFiltered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-10 text-center text-sm text-white/50", children: "No trades" }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-white/5", children: tradeFiltered.map((trade, i) => {
             const tradeKey = getTradeKey(trade, i);
             const explorerUrl = trade.txHash && tradeExplorerUrl ? tradeExplorerUrl(trade.txHash) : trade.txHash ? `https://sepolia.etherscan.io/tx/${trade.txHash}` : void 0;
             return /* @__PURE__ */ jsx(
@@ -2258,20 +2243,20 @@ function DesktopOrderbookLayout({
             );
           }) })
         }
-      ) : /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col min-h-0 overflow-hidden", fillHeight && "flex-1"), children: [
+      ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col min-h-0", children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: cn("flex flex-col justify-end overflow-hidden", !fillHeight && "flex-shrink-0"),
-            style: fillHeight ? { flex: 1, minHeight: 0 } : { height: `${sectionHeight}px` },
-            children: isLoading ? Array.from({ length: effectiveLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `ask-skel-${i}`)) : askVisibleLevels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No asks" }) : askVisibleLevels.map((l, i) => /* @__PURE__ */ jsx(
+            className: "flex flex-col justify-end divide-y divide-white/5 overflow-hidden",
+            style: { height: `${sectionHeight}px` },
+            children: isLoading ? Array.from({ length: LEVEL_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `ask-skel-${i}`)) : askVisibleLevels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No asks" }) : askVisibleLevels.map((l, i) => /* @__PURE__ */ jsx(
               DepthRow,
               {
                 side: "ask",
                 price: l.price,
                 amount: l.amount,
                 cumDepth: askCumDepths[i],
-                depthPct: askCumDepths[i] / askMaxCumDepth * 100,
+                depthPct: askCumDepths[i] / combinedMaxCumDepth * 100,
                 precision,
                 amountPrecision,
                 hasUserOrder: userAskPrices.has(l.price),
@@ -2285,7 +2270,7 @@ function DesktopOrderbookLayout({
           "div",
           {
             ref: midRef,
-            className: "grid grid-cols-2 items-center gap-3 bg-[#0b1a24] px-3 py-2 flex-shrink-0",
+            className: "grid grid-cols-2 items-center gap-3 bg-[#0b1a24] px-3 py-2",
             children: [
               /* @__PURE__ */ jsx("div", { className: cn("text-lg font-semibold tabular-nums", midClass), children: isLoading ? /* @__PURE__ */ jsx(Skeleton, { width: 110, height: 20 }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 "$",
@@ -2303,16 +2288,16 @@ function DesktopOrderbookLayout({
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: cn("flex flex-col overflow-hidden", !fillHeight && "flex-shrink-0"),
-            style: fillHeight ? { flex: 1, minHeight: 0 } : { height: `${sectionHeight}px` },
-            children: isLoading ? Array.from({ length: effectiveLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `bid-skel-${i}`)) : bidVisibleLevels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No bids" }) : bidVisibleLevels.map((l, i) => /* @__PURE__ */ jsx(
+            className: "divide-y divide-white/5 overflow-hidden",
+            style: { height: `${sectionHeight}px` },
+            children: isLoading ? Array.from({ length: LEVEL_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, {}, `bid-skel-${i}`)) : bidVisibleLevels.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No bids" }) : bidVisibleLevels.map((l, i) => /* @__PURE__ */ jsx(
               DepthRow,
               {
                 side: "bid",
                 price: l.price,
                 amount: l.amount,
                 cumDepth: bidCumDepths[i],
-                depthPct: bidCumDepths[i] / bidMaxCumDepth * 100,
+                depthPct: bidCumDepths[i] / combinedMaxCumDepth * 100,
                 precision,
                 amountPrecision,
                 hasUserOrder: userBidPrices.has(l.price),
@@ -2341,8 +2326,7 @@ function MobileOrderbookLayout({
   bidVisibleLevels: visibleBids,
   askCumDepths,
   bidCumDepths,
-  askMaxCumDepth,
-  bidMaxCumDepth,
+  combinedMaxCumDepth,
   midPrice,
   midChangePercent,
   midClass,
@@ -2352,9 +2336,7 @@ function MobileOrderbookLayout({
   isLoading,
   seenTradeKeysRef,
   tradeExplorerUrl,
-  onPriceClick,
-  levelCount: _levelCount,
-  compactLevelCount: effectiveCompactLevels
+  onPriceClick
 }) {
   const midRef = React5.useRef(null);
   useMidPriceFlash(midRef, midPrice, "transparent");
@@ -2426,13 +2408,13 @@ function MobileOrderbookLayout({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", height: `${effectiveCompactLevels * COMPACT_ROW_HEIGHT_PX}px`, justifyContent: "flex-end", overflow: "hidden" }, children: isLoading ? Array.from({ length: effectiveCompactLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, { compact: true }, `m-ask-skel-${i}`)) : visibleAsks.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: "0.75rem 0", textAlign: "center", color: "rgba(255,255,255,0.4)", fontSize: "0.72rem" }, children: "No asks" }) : visibleAsks.map((l, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, children: isLoading ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, { compact: true }, `m-ask-skel-${i}`)) : visibleAsks.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: "0.75rem 0", textAlign: "center", color: "rgba(255,255,255,0.4)", fontSize: "0.72rem" }, children: "No asks" }) : visibleAsks.map((l, i) => /* @__PURE__ */ jsx(
         MobileDepthRow,
         {
           side: "ask",
           price: l.price,
           amount: l.amount,
-          depthPct: askCumDepths[i] / askMaxCumDepth * 100,
+          depthPct: askCumDepths[i] / combinedMaxCumDepth * 100,
           precision,
           amountPrecision,
           hasUserOrder: userAskPrices.has(l.price),
@@ -2473,13 +2455,13 @@ function MobileOrderbookLayout({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", height: `${effectiveCompactLevels * COMPACT_ROW_HEIGHT_PX}px`, overflow: "hidden" }, children: isLoading ? Array.from({ length: effectiveCompactLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, { compact: true }, `m-bid-skel-${i}`)) : visibleBids.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: "0.75rem 0", textAlign: "center", color: "rgba(255,255,255,0.4)", fontSize: "0.72rem" }, children: "No bids" }) : visibleBids.map((l, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column" }, children: isLoading ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, { compact: true }, `m-bid-skel-${i}`)) : visibleBids.length === 0 ? /* @__PURE__ */ jsx("div", { style: { padding: "0.75rem 0", textAlign: "center", color: "rgba(255,255,255,0.4)", fontSize: "0.72rem" }, children: "No bids" }) : visibleBids.map((l, i) => /* @__PURE__ */ jsx(
         MobileDepthRow,
         {
           side: "bid",
           price: l.price,
           amount: l.amount,
-          depthPct: bidCumDepths[i] / bidMaxCumDepth * 100,
+          depthPct: bidCumDepths[i] / combinedMaxCumDepth * 100,
           precision,
           amountPrecision,
           hasUserOrder: userBidPrices.has(l.price),
@@ -2499,7 +2481,7 @@ function MobileOrderbookLayout({
           ]
         }
       ),
-      /* @__PURE__ */ jsx("div", { style: { flex: 1, overflowY: "auto", minHeight: 0 }, children: isLoading && tradeFiltered.length === 0 ? Array.from({ length: effectiveCompactLevels }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, { compact: true }, `m-trade-skel-${i}`)) : tradeFiltered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-[0.7rem] text-white/50", children: "No trades" }) : tradeFiltered.map((trade, i) => {
+      /* @__PURE__ */ jsx("div", { style: { flex: 1, overflowY: "auto", minHeight: 0 }, children: isLoading && tradeFiltered.length === 0 ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsx(SkeletonRow, { compact: true }, `m-trade-skel-${i}`)) : tradeFiltered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-[0.7rem] text-white/50", children: "No trades" }) : tradeFiltered.map((trade, i) => {
         const tradeKey = getTradeKey(trade, i);
         const explorerUrl = trade.txHash && tradeExplorerUrl ? tradeExplorerUrl(trade.txHash) : trade.txHash ? `https://sepolia.etherscan.io/tx/${trade.txHash}` : void 0;
         return /* @__PURE__ */ jsx(
@@ -2539,8 +2521,7 @@ function MobileDepthRow({
       style: {
         display: "grid",
         gridTemplateColumns: "1.2fr 0.8fr",
-        height: `${COMPACT_ROW_HEIGHT_PX}px`,
-        alignItems: "center",
+        padding: "0.2rem 0",
         fontSize: "0.8rem",
         position: "relative",
         cursor: onPriceClick ? "pointer" : void 0
@@ -2683,7 +2664,7 @@ var PropertyTour = React5.forwardRef(
   }
 );
 PropertyTour.displayName = "PropertyTour";
-var ITEMS_PER_PAGE = 6;
+var ITEMS_PER_PAGE = 4;
 var ensureAnimationsInjected = () => {
   if (typeof document === "undefined") return;
   if (document.getElementById("property-news-updates-animations")) return;
@@ -2728,22 +2709,6 @@ var formatDate = (value) => {
   if (!(value instanceof Date) || Number.isNaN(value.getTime())) return "";
   return value.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
 };
-var formatDateShort = (value) => {
-  const d = typeof value === "string" ? new Date(value) : value;
-  if (!(d instanceof Date) || Number.isNaN(d.getTime())) {
-    if (typeof value === "string") {
-      return value.replace(/\s*\d{4}\s*$/, "");
-    }
-    return "";
-  }
-  const diffMs = Date.now() - d.getTime();
-  const diffS = diffMs / 1e3;
-  if (diffS < 60) return "Just now";
-  if (diffS < 3600) return `${Math.floor(diffS / 60)}m ago`;
-  if (diffS < 86400) return `${Math.floor(diffS / 3600)}h ago`;
-  const time = d.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit", hour12: true });
-  return `${time} \xB7 ${d.toLocaleDateString(void 0, { month: "short", day: "numeric" })}`;
-};
 var formatTimeAgo = (timestamp) => {
   const diff = (Date.now() - new Date(timestamp).getTime()) / 1e3;
   if (diff < 60) return `${Math.floor(diff)}s ago`;
@@ -2754,7 +2719,7 @@ function getSentimentInfo(score) {
   if (score == null) return null;
   if (score > 0.15) return { arrow: "\u25B2", label: "Bullish", color: "#0ecb81" };
   if (score < -0.15) return { arrow: "\u25BC", label: "Bearish", color: "#f6465d" };
-  return { arrow: "", label: "Neutral", color: "#848e9c" };
+  return { arrow: "\u2014", label: "Neutral", color: "#848e9c" };
 }
 function NewsArticleModal({ item, onClose }) {
   const sentimentInfo = getSentimentInfo(item.sentimentScore);
@@ -2836,7 +2801,8 @@ function NewsArticleModal({ item, onClose }) {
                   border: `1px solid ${sentimentInfo.color}40`
                 },
                 children: [
-                  sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
+                  sentimentInfo.arrow,
+                  " ",
                   sentimentInfo.label
                 ]
               }
@@ -2876,35 +2842,7 @@ function NewsArticleModal({ item, onClose }) {
               )
             ] }),
             /* @__PURE__ */ jsx("div", { style: { height: "1px", background: "rgba(255,255,255,0.08)", marginBottom: "1.25rem" } }),
-            item.summary ? /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "rgba(255,255,255,0.8)", lineHeight: 1.75, margin: 0 }, children: item.summary }) : /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.35)", fontStyle: "italic", margin: 0 }, children: "Summary not available for this article." }),
-            item.url && /* @__PURE__ */ jsx("div", { style: { marginTop: "1.25rem", paddingTop: "1rem", borderTop: "1px solid rgba(255,255,255,0.08)" }, children: /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: item.url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                style: {
-                  display: "inline-flex",
-                  alignItems: "center",
-                  gap: "0.4rem",
-                  fontSize: "0.8rem",
-                  fontWeight: 600,
-                  color: "var(--color-accent, #f0b90b)",
-                  textDecoration: "none",
-                  transition: "opacity 0.15s"
-                },
-                onMouseEnter: (e) => {
-                  e.currentTarget.style.opacity = "0.8";
-                },
-                onMouseLeave: (e) => {
-                  e.currentTarget.style.opacity = "1";
-                },
-                children: [
-                  "Read full article",
-                  /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" }) })
-                ]
-              }
-            ) })
+            item.summary ? /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "rgba(255,255,255,0.8)", lineHeight: 1.75, margin: 0 }, children: item.summary }) : /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.35)", fontStyle: "italic", margin: 0 }, children: "Summary not available for this article." })
           ]
         }
       )
@@ -2936,7 +2874,6 @@ var PropertyNewsUpdates = React5.forwardRef(
     const [homeTab, setHomeTab] = React5.useState("all");
     const [homePage, setHomePage] = React5.useState(0);
     const purchaseItems = purchasesProp ?? [];
-    const [page, setPage] = React5.useState(0);
     const [selectedItem, setSelectedItem] = React5.useState(null);
     React5.useEffect(() => {
       ensureAnimationsInjected();
@@ -2945,14 +2882,6 @@ var PropertyNewsUpdates = React5.forwardRef(
       setHomePage(0);
     }, [homeTab]);
     const hasItems = Array.isArray(items) && items.length > 0;
-    const totalPages = React5.useMemo(
-      () => hasItems ? Math.max(1, Math.ceil(items.length / ITEMS_PER_PAGE)) : 1,
-      [hasItems, items.length]
-    );
-    React5.useEffect(() => {
-      setPage((prev) => Math.min(prev, totalPages - 1));
-    }, [totalPages]);
-    const paginatedItems = hasItems ? items.slice(page * ITEMS_PER_PAGE, page * ITEMS_PER_PAGE + ITEMS_PER_PAGE) : [];
     const homeFilteredItems = React5.useMemo(
       () => hasItems ? items.filter((it) => homeTab === "all" || it.type === homeTab) : [],
       [hasItems, items, homeTab]
@@ -2974,10 +2903,10 @@ var PropertyNewsUpdates = React5.forwardRef(
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-              isHomeVariant && /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", style: { color: "var(--color-text, #fff)", flexShrink: 0, display: "block" }, children: /* @__PURE__ */ jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z" }) }),
+              isHomeVariant && /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", style: { color: "var(--color-text, #fff)" }, children: /* @__PURE__ */ jsx("path", { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z" }) }),
               isPurchaseVariant && /* @__PURE__ */ jsx("span", { style: { display: "inline-block", width: "8px", height: "8px", borderRadius: "50%", backgroundColor: "#0ecb81", boxShadow: "0 0 8px rgba(14,203,129,0.8)", animation: "propertyNewsPulse 1.5s infinite" } }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: isHomeVariant ? "text-base font-semibold text-white" : "text-lg font-semibold text-white", style: { margin: 0 }, children: resolvedHeading }),
+                /* @__PURE__ */ jsx("p", { className: isHomeVariant ? "text-base font-semibold text-white" : "text-lg font-semibold text-white", children: resolvedHeading }),
                 subheading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-white/60", children: subheading }) : null
               ] })
             ] }),
@@ -2992,7 +2921,7 @@ var PropertyNewsUpdates = React5.forwardRef(
               "LIVE"
             ] }) : null
           ] }),
-          isHomeVariant && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "1.5rem", marginTop: "0.75rem", marginBottom: "0.5rem", borderBottom: "1px solid rgba(255, 255, 255, 0.08)", paddingBottom: "0.5rem" }, children: ["all", "property", "market"].map((tab) => /* @__PURE__ */ jsx(
+          isHomeVariant && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 0, marginTop: "0.75rem", marginBottom: "0.25rem" }, children: ["all", "property", "market"].map((tab) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -3001,8 +2930,7 @@ var PropertyNewsUpdates = React5.forwardRef(
                 background: "transparent",
                 border: "none",
                 borderBottom: homeTab === tab ? "2px solid var(--color-accent, #f0b90b)" : "2px solid transparent",
-                padding: "0 0 0.5rem 0",
-                marginBottom: "-1px",
+                padding: "0.5rem 0.75rem",
                 fontSize: "0.75rem",
                 fontWeight: homeTab === tab ? 600 : 400,
                 color: homeTab === tab ? "var(--color-text, #fff)" : "var(--color-text-secondary, #848e9c)",
@@ -3016,8 +2944,7 @@ var PropertyNewsUpdates = React5.forwardRef(
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("flex flex-1 flex-col overflow-hidden", isHomeVariant ? "mt-2 gap-0" : "mt-4 gap-3"),
-              style: !isPurchaseVariant && !isHomeVariant ? { minHeight: `${ITEMS_PER_PAGE * 86}px` } : void 0,
+              className: "mt-4 flex flex-1 flex-col gap-3 overflow-hidden",
               children: isPurchaseVariant ? purchaseItems.length > 0 ? purchaseItems.slice(0, 7).map((purchase, index) => {
                 const maxAmount = 6e4;
                 const barPercent = Math.min(85, Math.max(15, purchase.amount / maxAmount * 100));
@@ -3055,7 +2982,7 @@ var PropertyNewsUpdates = React5.forwardRef(
                     style: {
                       width: "100%",
                       textAlign: "left",
-                      backgroundColor: "transparent",
+                      background: "transparent",
                       border: "none",
                       cursor: "pointer",
                       padding: "0.75rem 0",
@@ -3064,28 +2991,18 @@ var PropertyNewsUpdates = React5.forwardRef(
                       justifyContent: "space-between",
                       alignItems: "flex-start",
                       gap: "0.5rem",
-                      color: "inherit",
-                      transition: "background-color 0.15s"
-                    },
-                    onMouseEnter: (e) => {
-                      e.currentTarget.style.backgroundColor = "rgba(255,255,255,0.04)";
-                      const title = e.currentTarget.querySelector("h3");
-                      if (title) title.style.color = "var(--color-accent, #E6C87E)";
-                    },
-                    onMouseLeave: (e) => {
-                      e.currentTarget.style.backgroundColor = "transparent";
-                      const title = e.currentTarget.querySelector("h3");
-                      if (title) title.style.color = "#f8f9fa";
+                      color: "inherit"
                     },
                     children: [
                       /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
-                        /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.95rem", fontWeight: 500, marginBottom: "0.35rem", color: "#f8f9fa", lineHeight: 1.45, transition: "color 0.15s" }, children: item.title }),
+                        /* @__PURE__ */ jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4 }, children: item.title }),
                         /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
-                          /* @__PURE__ */ jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: formatDateShort(item.date) }),
+                          /* @__PURE__ */ jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: typeof item.date === "string" ? item.date : formatDate(item.date) }),
                           item.source && /* @__PURE__ */ jsx("span", { style: { padding: "0.1rem 0.4rem", borderRadius: "3px", fontSize: "0.62rem", fontWeight: 500, backgroundColor: "rgba(255,255,255,0.07)", color: "#848e9c", whiteSpace: "nowrap" }, children: item.source }),
                           /* @__PURE__ */ jsx("span", { style: { padding: "0.15rem 0.4rem", borderRadius: "2px", fontSize: "0.65rem", fontWeight: 500, backgroundColor: isProperty ? "rgba(14,203,129,0.1)" : "rgba(240,185,11,0.1)", color: isProperty ? "#0ecb81" : "#f0b90b" }, children: isProperty ? "Property Update" : "Market News" }),
                           sentimentInfo && /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.65rem", fontWeight: 600, color: sentimentInfo.color }, children: [
-                            sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
+                            sentimentInfo.arrow,
+                            " ",
                             sentimentInfo.label
                           ] })
                         ] })
@@ -3095,12 +3012,11 @@ var PropertyNewsUpdates = React5.forwardRef(
                   },
                   key
                 );
-              }) : emptyState ?? /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-10 text-center text-sm text-white/60", children: "No property news yet." }) : hasItems ? paginatedItems.map((item, index) => {
-                const absoluteIndex = page * ITEMS_PER_PAGE + index;
-                const key = item.displayId ?? item.id ?? `${item.title}-${absoluteIndex}`;
+              }) : emptyState ?? /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-10 text-center text-sm text-white/60", children: "No property news yet." }) : hasItems ? /* @__PURE__ */ jsx("div", { style: { overflowY: "auto", maxHeight: "520px", display: "flex", flexDirection: "column", gap: "0" }, children: items.map((item, index) => {
+                const key = item.displayId ?? item.id ?? `${item.title}-${index}`;
                 const catStyle = categoryStyles[item.type] ?? categoryStyles.market;
-                const dateLabel = item.isNew ?? (highlightFirst && absoluteIndex === 0) ? "Just now" : typeof item.date === "string" && item.date.trim().length > 0 ? item.date : formatDate(item.date);
-                const isHighlighted = item.isNew ?? (highlightFirst && absoluteIndex === 0);
+                const dateLabel = item.isNew ?? (highlightFirst && index === 0) ? "Just now" : typeof item.date === "string" && item.date.trim().length > 0 ? item.date : formatDate(item.date);
+                const isHighlighted = item.isNew ?? (highlightFirst && index === 0);
                 const sentimentInfo = getSentimentInfo(item.sentimentScore);
                 return /* @__PURE__ */ jsx(
                   "button",
@@ -3142,7 +3058,8 @@ var PropertyNewsUpdates = React5.forwardRef(
                             ] }),
                             /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: "0.3rem", flexShrink: 0 }, children: [
                               sentimentInfo && /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.65rem", fontWeight: 700, color: sentimentInfo.color, whiteSpace: "nowrap" }, children: [
-                                sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
+                                sentimentInfo.arrow,
+                                " ",
                                 sentimentInfo.label
                               ] }),
                               /* @__PURE__ */ jsx("span", { style: { padding: "0.25rem 0.6rem", borderRadius: "4px", border: `1px solid ${catStyle.borderColor}`, backgroundColor: catStyle.backgroundColor, color: catStyle.color, fontSize: "0.68rem", fontWeight: 600, textTransform: "uppercase", whiteSpace: "nowrap" }, children: item.type === "property" ? catStyle.label : "Market News" })
@@ -3154,7 +3071,7 @@ var PropertyNewsUpdates = React5.forwardRef(
                   },
                   key
                 );
-              }) : emptyState ?? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-white/20 px-6 py-10 text-center text-sm text-white/60", children: [
+              }) }) : emptyState ?? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-white/20 px-6 py-10 text-center text-sm text-white/60", children: [
                 /* @__PURE__ */ jsx(Newspaper, { className: "mb-3 h-8 w-8 text-white/40" }),
                 "No property news yet. Updates will land here as soon as we receive new intelligence."
               ] })
@@ -3167,8 +3084,8 @@ var PropertyNewsUpdates = React5.forwardRef(
                 type: "button",
                 onClick: () => setHomePage((p) => Math.max(0, p - 1)),
                 disabled: homePage === 0,
-                style: { background: "transparent", border: "1px solid rgba(255,255,255,0.15)", borderRadius: "50%", width: "28px", height: "28px", display: "flex", alignItems: "center", justifyContent: "center", padding: 0, cursor: homePage === 0 ? "not-allowed" : "pointer", opacity: homePage === 0 ? 0.4 : 1, color: "rgba(255,255,255,0.6)" },
-                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) })
+                style: { background: "transparent", border: "1px solid rgba(255,255,255,0.15)", borderRadius: "999px", padding: "0.2rem 0.75rem", fontSize: "0.7rem", textTransform: "uppercase", letterSpacing: "0.15em", cursor: homePage === 0 ? "not-allowed" : "pointer", opacity: homePage === 0 ? 0.4 : 1, color: "rgba(255,255,255,0.6)" },
+                children: "Prev"
               }
             ),
             /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.5)" }, children: [
@@ -3182,38 +3099,8 @@ var PropertyNewsUpdates = React5.forwardRef(
                 type: "button",
                 onClick: () => setHomePage((p) => Math.min(homeTotalPages - 1, p + 1)),
                 disabled: homePage >= homeTotalPages - 1,
-                style: { background: "transparent", border: "1px solid rgba(255,255,255,0.15)", borderRadius: "50%", width: "28px", height: "28px", display: "flex", alignItems: "center", justifyContent: "center", padding: 0, cursor: homePage >= homeTotalPages - 1 ? "not-allowed" : "pointer", opacity: homePage >= homeTotalPages - 1 ? 0.4 : 1, color: "rgba(255,255,255,0.6)" },
-                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })
-              }
-            )
-          ] }),
-          !isPurchaseVariant && !isHomeVariant && hasItems && totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-between text-xs text-white/60", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => setPage((p) => Math.max(0, p - 1)),
-                disabled: page === 0,
-                className: cn("rounded-full border border-white/15 flex items-center justify-center", page === 0 ? "opacity-40 cursor-not-allowed" : "hover:border-white/40"),
-                style: { width: "28px", height: "28px", padding: 0, background: "transparent", color: "rgba(255,255,255,0.6)" },
-                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) })
-              }
-            ),
-            /* @__PURE__ */ jsxs("span", { className: "font-medium text-white/70", children: [
-              "Page ",
-              page + 1,
-              " / ",
-              totalPages
-            ] }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => setPage((p) => Math.min(totalPages - 1, p + 1)),
-                disabled: page >= totalPages - 1,
-                className: cn("rounded-full border border-white/15 flex items-center justify-center", page >= totalPages - 1 ? "opacity-40 cursor-not-allowed" : "hover:border-white/40"),
-                style: { width: "28px", height: "28px", padding: 0, background: "transparent", color: "rgba(255,255,255,0.6)" },
-                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })
+                style: { background: "transparent", border: "1px solid rgba(255,255,255,0.15)", borderRadius: "999px", padding: "0.2rem 0.75rem", fontSize: "0.7rem", textTransform: "uppercase", letterSpacing: "0.15em", cursor: homePage >= homeTotalPages - 1 ? "not-allowed" : "pointer", opacity: homePage >= homeTotalPages - 1 ? 0.4 : 1, color: "rgba(255,255,255,0.6)" },
+                children: "Next"
               }
             )
           ] }),
@@ -4716,16 +4603,14 @@ var PropertyHeroHeader = React5.forwardRef(
     imageUrl,
     imageAlt,
     name,
-    address,
     location,
     price,
     currencySymbol = "$",
     changePercent,
-    priceChange,
-    beds: _beds,
-    baths: _baths,
-    cars: _cars,
-    propertyTypeLabel: _propertyTypeLabel,
+    beds,
+    baths,
+    cars,
+    propertyTypeLabel,
     onTrade,
     onMakeOffer,
     tradeButtonLabel = "Trade",
@@ -4741,6 +4626,7 @@ var PropertyHeroHeader = React5.forwardRef(
     const tradeHoverColor = "#f5dd9a";
     const [isTradeInteracting, setIsTradeInteracting] = React5.useState(false);
     const [isOfferInteracting, setIsOfferInteracting] = React5.useState(false);
+    const hasAmenities = isLoading || beds != null || baths != null || cars != null || propertyTypeLabel != null;
     const isTradeDisabled = !onTrade;
     const isMakeOfferButtonDisabled = makeOfferDisabled || !onMakeOffer;
     const showMakeOfferButton = !hideMakeOfferButton;
@@ -4753,112 +4639,201 @@ var PropertyHeroHeader = React5.forwardRef(
       setIsOfferInteracting(state);
     };
     const headingStyle = {
-      fontSize: "clamp(1.3rem, 3vw, 1.8rem)",
-      marginBottom: "0",
+      fontSize: "clamp(1.6rem, 4vw, 2.5rem)",
+      marginBottom: "0.5rem",
       color: "#ffffff",
       textShadow: "0 2px 4px rgba(0, 0, 0, 0.3)",
       fontWeight: 600,
       lineHeight: 1.2
     };
-    return /* @__PURE__ */ jsx(OuterWrapper, { ref, className: cn(className), ...props, children: /* @__PURE__ */ jsxs(HeroContainer, { children: [
-      /* @__PURE__ */ jsx(
-        HeroImage,
-        {
-          src: imageUrl,
-          alt: imageAlt ?? name
-        }
-      ),
-      statusBadge ? /* @__PURE__ */ jsxs(StatusBadge, { $isLive: statusBadge.variant === "live", children: [
-        statusBadge.variant === "live" ? /* @__PURE__ */ jsx(PulsingDot, {}) : null,
-        statusBadge.label
-      ] }) : null,
-      /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 z-10 flex w-full items-end justify-center", style: { background: "linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)" }, children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[1800px] flex-wrap items-end justify-between gap-4 p-8 max-[768px]:flex-col max-[768px]:items-start max-[768px]:gap-4 max-[768px]:p-6 max-[480px]:p-4", children: [
-        /* @__PURE__ */ jsx(InfoCard, { children: /* @__PURE__ */ jsxs(CardLayout, { children: [
-          /* @__PURE__ */ jsx(Thumbnail, { src: imageUrl, alt: imageAlt ?? name }),
-          /* @__PURE__ */ jsx(CardContent2, { children: /* @__PURE__ */ jsxs(InfoRow, { children: [
-            /* @__PURE__ */ jsx(NameGroup, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexWrap: "wrap" }, children: [
-                /* @__PURE__ */ jsx("h1", { style: headingStyle, className: "break-words", children: name }),
-                location ? /* @__PURE__ */ jsx(TypeBadge, { children: location }) : null
+    return /* @__PURE__ */ jsxs(OuterWrapper, { ref, className: cn(className), ...props, children: [
+      /* @__PURE__ */ jsxs(HeroContainer, { children: [
+        /* @__PURE__ */ jsx(
+          HeroImage,
+          {
+            src: imageUrl,
+            alt: imageAlt ?? name
+          }
+        ),
+        statusBadge ? /* @__PURE__ */ jsxs(StatusBadge, { $isLive: statusBadge.variant === "live", children: [
+          statusBadge.variant === "live" ? /* @__PURE__ */ jsx(PulsingDot, {}) : null,
+          statusBadge.label
+        ] }) : null,
+        /* @__PURE__ */ jsx(HeroGradient, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 z-10 flex w-full items-end justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[1800px] flex-wrap items-end justify-between gap-4 p-8 max-[768px]:flex-col max-[768px]:items-start max-[768px]:gap-4 max-[768px]:p-6 max-[480px]:p-4", children: [
+          /* @__PURE__ */ jsxs(InfoCard, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-2", children: [
+              /* @__PURE__ */ jsx("h1", { style: headingStyle, className: "break-words", children: name }),
+              /* @__PURE__ */ jsxs(InfoRow, { className: "mb-3 max-[768px]:mb-[0.6rem] max-[480px]:mb-[0.5rem]", children: [
+                /* @__PURE__ */ jsx(LocationText, { children: location }),
+                isLoading ? /* @__PURE__ */ jsx(PriceBlock, { children: /* @__PURE__ */ jsx(Skeleton, { width: 110, height: 18 }) }) : price == null ? null : /* @__PURE__ */ jsxs(PriceBlock, { children: [
+                  formatPrice3(price, currencySymbol),
+                  changePercent == null ? null : /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: cn(
+                        "ml-2 flex items-center text-[0.875rem] font-medium",
+                        isPositive ? "text-[#0ecb81]" : "text-[#f6465d]"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "svg",
+                          {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "12",
+                            height: "12",
+                            viewBox: "0 0 24 24",
+                            fill: "currentColor",
+                            className: "mr-[0.15rem]",
+                            children: /* @__PURE__ */ jsx("path", { d: isPositive ? "M7 14l5-5 5 5H7z" : "M7 10l5 5 5-5H7z" })
+                          }
+                        ),
+                        Math.abs(changePercent).toFixed(2),
+                        "%"
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 text-[0.95rem] text-white/90 max-[768px]:hidden", children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(BedDouble, { className: "mr-2 h-[18px] w-[18px] opacity-60" }),
+                /* @__PURE__ */ jsx(Skeleton, { width: 52, height: 14 })
               ] }),
-              address ? /* @__PURE__ */ jsx(AddressText, { children: address }) : null
-            ] }) }),
-            /* @__PURE__ */ jsxs(PriceGroup, { children: [
-              isLoading ? /* @__PURE__ */ jsx(Skeleton, { width: 110, height: 24 }) : price == null ? null : /* @__PURE__ */ jsxs(PriceRow, { children: [
-                /* @__PURE__ */ jsx(CurrencyLabel, { children: "USD" }),
-                changePercent != null ? /* @__PURE__ */ jsx(PriceArrow, { $isPositive: isPositive, children: isPositive ? "\u25B2" : "\u25BC" }) : null,
-                formatPrice3(price, "")
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(Bath, { className: "mr-2 h-[18px] w-[18px] opacity-60" }),
+                /* @__PURE__ */ jsx(Skeleton, { width: 56, height: 14 })
               ] }),
-              changePercent != null ? /* @__PURE__ */ jsxs(PriceChangeRow, { $isPositive: isPositive, children: [
-                priceChange != null ? `${isPositive ? "+" : ""}${priceChange.toFixed(2)} ` : null,
-                "(",
-                isPositive ? "+" : "",
-                Math.abs(changePercent).toFixed(2),
-                "%)"
-              ] }) : null
-            ] })
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ jsxs(ActionButtons, { children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: isTradeDisabled ? void 0 : onTrade,
-              className: "flex items-center justify-center rounded border font-semibold transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_8px_rgba(0,0,0,0.2)] active:translate-y-0 active:shadow-[0_2px_4px_rgba(0,0,0,0.1)] text-[0.95rem] max-[480px]:text-[0.9rem]",
-              style: {
-                backgroundColor: isTradeInteracting ? tradeHoverColor : accentColor,
-                color: "black",
-                padding: "0.75rem 1.5rem",
-                borderColor: isTradeInteracting ? accentColor : "transparent",
-                boxShadow: isTradeInteracting ? `0 0 0 2px rgba(0,0,0,0.4), 0 0 0 4px ${accentColor}` : "none",
-                opacity: isTradeDisabled ? 0.5 : 1,
-                cursor: isTradeDisabled ? "not-allowed" : "pointer"
-              },
-              onMouseEnter: () => setTradeInteraction(true),
-              onMouseLeave: () => setTradeInteraction(false),
-              onMouseDown: () => setTradeInteraction(true),
-              onMouseUp: () => setTradeInteraction(false),
-              onFocus: () => setTradeInteraction(true),
-              onBlur: () => setTradeInteraction(false),
-              onTouchStart: () => setTradeInteraction(true),
-              onTouchEnd: () => setTradeInteraction(false),
-              disabled: isTradeDisabled,
-              "aria-disabled": isTradeDisabled,
-              children: tradeButtonLabel
-            }
-          ),
-          showMakeOfferButton ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: isMakeOfferButtonDisabled ? void 0 : onMakeOffer,
-              className: "flex items-center justify-center rounded border font-semibold transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_8px_rgba(0,0,0,0.2)] active:translate-y-0 active:shadow-[0_2px_4px_rgba(0,0,0,0.1)] text-[0.95rem] max-[480px]:text-[0.9rem]",
-              style: {
-                backgroundColor: isOfferInteracting ? accentColor : "transparent",
-                borderColor: accentColor,
-                color: isOfferInteracting ? "black" : accentColor,
-                padding: "0.75rem 1.5rem",
-                boxShadow: isOfferInteracting ? `0 0 0 2px rgba(0,0,0,0.4), 0 0 0 4px ${accentColor}` : "none",
-                opacity: isMakeOfferButtonDisabled ? 0.5 : 1,
-                cursor: isMakeOfferButtonDisabled ? "not-allowed" : "pointer"
-              },
-              onMouseEnter: () => setOfferInteraction(true),
-              onMouseLeave: () => setOfferInteraction(false),
-              onMouseDown: () => setOfferInteraction(true),
-              onMouseUp: () => setOfferInteraction(false),
-              onFocus: () => setOfferInteraction(true),
-              onBlur: () => setOfferInteraction(false),
-              onTouchStart: () => setOfferInteraction(true),
-              onTouchEnd: () => setOfferInteraction(false),
-              disabled: isMakeOfferButtonDisabled,
-              "aria-disabled": isMakeOfferButtonDisabled,
-              children: makeOfferButtonLabel
-            }
-          ) : null
-        ] })
-      ] }) })
-    ] }) });
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(CarFront, { className: "mr-2 h-[18px] w-[18px] opacity-60" }),
+                /* @__PURE__ */ jsx(Skeleton, { width: 50, height: 14 })
+              ] }),
+              /* @__PURE__ */ jsx(Skeleton, { width: 60, height: 14 })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              beds == null ? null : /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(BedDouble, { className: "mr-2 h-[18px] w-[18px]" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  beds,
+                  " Beds"
+                ] })
+              ] }),
+              baths == null ? null : /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(Bath, { className: "mr-2 h-[18px] w-[18px]" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  baths,
+                  " Baths"
+                ] })
+              ] }),
+              cars == null ? null : /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(CarFront, { className: "mr-2 h-[18px] w-[18px]" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  cars,
+                  " Cars"
+                ] })
+              ] }),
+              propertyTypeLabel == null ? null : /* @__PURE__ */ jsx("div", { children: propertyTypeLabel })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs(ActionButtons, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: isTradeDisabled ? void 0 : onTrade,
+                className: "flex items-center justify-center rounded border font-semibold transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_8px_rgba(0,0,0,0.2)] active:translate-y-0 active:shadow-[0_2px_4px_rgba(0,0,0,0.1)] text-[0.95rem] max-[480px]:text-[0.9rem]",
+                style: {
+                  backgroundColor: isTradeInteracting ? tradeHoverColor : accentColor,
+                  color: "black",
+                  padding: "0.75rem 1.5rem",
+                  borderColor: isTradeInteracting ? accentColor : "transparent",
+                  boxShadow: isTradeInteracting ? `0 0 0 2px rgba(0,0,0,0.4), 0 0 0 4px ${accentColor}` : "none",
+                  opacity: isTradeDisabled ? 0.5 : 1,
+                  cursor: isTradeDisabled ? "not-allowed" : "pointer"
+                },
+                onMouseEnter: () => setTradeInteraction(true),
+                onMouseLeave: () => setTradeInteraction(false),
+                onMouseDown: () => setTradeInteraction(true),
+                onMouseUp: () => setTradeInteraction(false),
+                onFocus: () => setTradeInteraction(true),
+                onBlur: () => setTradeInteraction(false),
+                onTouchStart: () => setTradeInteraction(true),
+                onTouchEnd: () => setTradeInteraction(false),
+                disabled: isTradeDisabled,
+                "aria-disabled": isTradeDisabled,
+                children: tradeButtonLabel
+              }
+            ),
+            showMakeOfferButton ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: isMakeOfferButtonDisabled ? void 0 : onMakeOffer,
+                className: "flex items-center justify-center rounded border font-semibold transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_8px_rgba(0,0,0,0.2)] active:translate-y-0 active:shadow-[0_2px_4px_rgba(0,0,0,0.1)] text-[0.95rem] max-[480px]:text-[0.9rem]",
+                style: {
+                  backgroundColor: isOfferInteracting ? accentColor : "transparent",
+                  borderColor: accentColor,
+                  color: isOfferInteracting ? "black" : accentColor,
+                  padding: "0.75rem 1.5rem",
+                  boxShadow: isOfferInteracting ? `0 0 0 2px rgba(0,0,0,0.4), 0 0 0 4px ${accentColor}` : "none",
+                  opacity: isMakeOfferButtonDisabled ? 0.5 : 1,
+                  cursor: isMakeOfferButtonDisabled ? "not-allowed" : "pointer"
+                },
+                onMouseEnter: () => setOfferInteraction(true),
+                onMouseLeave: () => setOfferInteraction(false),
+                onMouseDown: () => setOfferInteraction(true),
+                onMouseUp: () => setOfferInteraction(false),
+                onFocus: () => setOfferInteraction(true),
+                onBlur: () => setOfferInteraction(false),
+                onTouchStart: () => setOfferInteraction(true),
+                onTouchEnd: () => setOfferInteraction(false),
+                disabled: isMakeOfferButtonDisabled,
+                "aria-disabled": isMakeOfferButtonDisabled,
+                children: makeOfferButtonLabel
+              }
+            ) : null
+          ] })
+        ] }) })
+      ] }),
+      hasAmenities ? /* @__PURE__ */ jsx(MobileAmenities, { children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(MobileAmenity, { children: [
+          /* @__PURE__ */ jsx(BedDouble, { className: "h-4 w-4 opacity-60" }),
+          /* @__PURE__ */ jsx(Skeleton, { width: 40, height: 12 })
+        ] }),
+        /* @__PURE__ */ jsxs(MobileAmenity, { children: [
+          /* @__PURE__ */ jsx(Bath, { className: "h-4 w-4 opacity-60" }),
+          /* @__PURE__ */ jsx(Skeleton, { width: 44, height: 12 })
+        ] }),
+        /* @__PURE__ */ jsxs(MobileAmenity, { children: [
+          /* @__PURE__ */ jsx(CarFront, { className: "h-4 w-4 opacity-60" }),
+          /* @__PURE__ */ jsx(Skeleton, { width: 42, height: 12 })
+        ] }),
+        /* @__PURE__ */ jsx(MobileAmenity, { children: /* @__PURE__ */ jsx(Skeleton, { width: 52, height: 12 }) })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        beds == null ? null : /* @__PURE__ */ jsxs(MobileAmenity, { children: [
+          /* @__PURE__ */ jsx(BedDouble, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            beds,
+            " Beds"
+          ] })
+        ] }),
+        baths == null ? null : /* @__PURE__ */ jsxs(MobileAmenity, { children: [
+          /* @__PURE__ */ jsx(Bath, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            baths,
+            " Baths"
+          ] })
+        ] }),
+        cars == null ? null : /* @__PURE__ */ jsxs(MobileAmenity, { children: [
+          /* @__PURE__ */ jsx(CarFront, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            cars,
+            " Cars"
+          ] })
+        ] }),
+        propertyTypeLabel == null ? null : /* @__PURE__ */ jsx(MobileAmenity, { children: propertyTypeLabel })
+      ] }) }) : null
+    ] });
   }
 );
 PropertyHeroHeader.displayName = "PropertyHeroHeader";
@@ -4901,6 +4876,32 @@ var HeroContainer = styled25.div`
     border-radius: 6px;
   }
 `;
+var MobileAmenities = styled25.div`
+  display: none;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  background: rgba(8, 8, 12, 0.85);
+  border-radius: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 0.85rem;
+  @media (max-width: 768px) {
+    display: flex;
+    flex-wrap: wrap;
+  }
+`;
+var MobileAmenity = styled25.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.35rem 0.5rem;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.08);
+  font-weight: 500;
+`;
 var HeroImage = styled25.img`
   width: 100%;
   height: 100%;
@@ -4915,6 +4916,15 @@ var HeroImage = styled25.img`
   transform: scale(1.0);
   transform-origin: center;
 `;
+var HeroGradient = styled25.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  z-index: 1;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
+`;
 var ActionButtons = styled25.div`
   display: flex;
   flex-wrap: wrap;
@@ -4930,42 +4940,13 @@ var ActionButtons = styled25.div`
     display: none;
   }
 `;
-var CardLayout = styled25.div`
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  @media (max-width: 480px) {
-    gap: 0.75rem;
-  }
-`;
-var Thumbnail = styled25.img`
-  width: 72px;
-  height: 72px;
-  border-radius: 8px;
-  object-fit: cover;
-  flex-shrink: 0;
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  @media (max-width: 768px) {
-    width: 56px;
-    height: 56px;
-    border-radius: 6px;
-  }
-  @media (max-width: 480px) {
-    width: 48px;
-    height: 48px;
-  }
-`;
-var CardContent2 = styled25.div`
-  min-width: 0;
-  flex: 1;
-`;
 var InfoCard = styled25.div`
+  display: inline-block;
+  width: fit-content;
+  max-width: 70%;
   border-radius: 12px;
-  background: rgba(0, 0, 0, 0.15);
-  padding: 1rem 1.5rem;
+  background: rgba(0, 0, 0, 0.12);
+  padding: 0.75rem 1rem;
   color: #fff;
   backdrop-filter: blur(6px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
@@ -4973,109 +4954,62 @@ var InfoCard = styled25.div`
   min-width: 0;
   @media (max-width: 768px) {
-    padding: 0.85rem 1.15rem;
+    max-width: 85%;
+  }
+  @media (max-width: 640px) {
+    max-width: 92%;
   }
   @media (max-width: 480px) {
-    padding: 0.65rem 0.85rem;
+    max-width: 95%;
   }
 `;
-var NameGroup = styled25.div`
-  display: flex;
+var InfoRow = styled25.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
   gap: 0.75rem;
-  min-width: 0;
-  flex-wrap: wrap;
+  width: 100%;
+  @media (max-width: 640px) {
+    gap: 0.5rem;
+  }
 `;
-var TypeBadge = styled25.span`
-  display: inline-flex;
-  align-items: center;
-  padding: 0.2rem 0.5rem;
-  border-radius: 4px;
-  font-size: 0.7rem;
-  font-weight: 600;
-  letter-spacing: 0.03em;
-  text-transform: uppercase;
-  line-height: 1;
-  color: #E6C87E;
-  background: rgba(230, 200, 126, 0.12);
+var LocationText = styled25.span`
+  font-size: clamp(1rem, 2.6vw, 1.25rem);
+  color: rgba(255, 255, 255, 0.9);
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
-  flex-shrink: 0;
 `;
-var InfoRow = styled25.div`
+var PriceBlock = styled25.span`
   display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 1rem;
+  align-items: center;
+  font-size: clamp(1rem, 2.2vw, 1.25rem);
+  font-weight: 600;
+  color: var(--color-accent, #f0b90b);
+  padding-left: 1rem;
+  border-left: 1px solid rgba(255, 255, 255, 0.25);
+  min-height: 1.5rem;
 `;
-var PriceGroup = styled25.div`
+var StatusBadge = styled25.div`
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex-shrink: 0;
-`;
-var PriceRow = styled25.span`
-  display: inline-flex;
-  align-items: baseline;
-  font-size: clamp(1.3rem, 3vw, 1.8rem);
+  align-items: center;
+  gap: 0.5rem;
+  background-color: ${({ $isLive }) => $isLive ? "rgba(20, 20, 20, 0.85)" : "rgba(240, 185, 11, 0.9)"};
+  color: ${({ $isLive }) => $isLive ? "#f0b90b" : "#000"};
+  padding: 0.5rem 1rem;
+  border-radius: 6px;
   font-weight: 600;
-  color: #fff;
-  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', 'JetBrains Mono', ui-monospace, monospace;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-  flex-shrink: 0;
-`;
-var CurrencyLabel = styled25.span`
-  font-size: 0.55em;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.4);
-  margin-right: 0.3em;
-`;
-var PriceArrow = styled25.span`
-  color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
-  font-size: 0.65em;
-  margin: 0 0.1em;
-`;
-var AddressText = styled25.p`
-  font-size: 1.1rem;
-  color: rgba(255, 255, 255, 0.7);
-  font-weight: 400;
-  margin: 0.1rem 0 0;
-  @media (max-width: 768px) {
-    font-size: 1rem;
-  }
-  @media (max-width: 480px) {
-    font-size: 0.9rem;
-  }
-`;
-var PriceChangeRow = styled25.span`
-  display: inline-flex;
-  align-items: center;
-  white-space: nowrap;
-  flex-shrink: 0;
-  font-size: 0.85rem;
-  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', 'JetBrains Mono', ui-monospace, monospace;
-  font-variant-numeric: tabular-nums;
-  color: ${({ $isPositive }) => $isPositive ? "#0ecb81" : "#f6465d"};
-`;
-var StatusBadge = styled25.div`
-  position: absolute;
-  top: 1rem;
-  left: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  background-color: ${({ $isLive }) => $isLive ? "rgba(20, 20, 20, 0.85)" : "rgba(240, 185, 11, 0.9)"};
-  color: ${({ $isLive }) => $isLive ? "#f0b90b" : "#000"};
-  padding: 0.5rem 1rem;
-  border-radius: 6px;
-  font-weight: 600;
-  font-size: 0.875rem;
-  z-index: 10;
-  border: ${({ $isLive }) => $isLive ? "1px solid rgba(240, 185, 11, 0.5)" : "none"};
-  backdrop-filter: blur(8px);
+  font-size: 0.875rem;
+  z-index: 10;
+  border: ${({ $isLive }) => $isLive ? "1px solid rgba(240, 185, 11, 0.5)" : "none"};
+  backdrop-filter: blur(8px);
 `;
 var PulsingDot = styled25.span`
   display: inline-block;
@@ -5135,45 +5069,13 @@ var Header = ({
   onProfileNavigate: _onProfileNavigate,
   onOrdersNavigate: _onOrdersNavigate,
   onWalletNavigate: _onWalletNavigate,
-  showTradeTab = true,
-  portfolioSummary
+  showTradeTab = true
 }) => {
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isMoreMenuOpen, setIsMoreMenuOpen] = useState(false);
   const [showLoginPopup, setShowLoginPopup] = useState(false);
   const [loginPopupInitialView, setLoginPopupInitialView] = useState(void 0);
-  const [isPortfolioBarVisible, setIsPortfolioBarVisible] = useState(() => {
-    if (typeof localStorage === "undefined") return false;
-    return localStorage.getItem("portfolioBarVisible") !== "false";
-  });
-  const portfolioPillRef = useRef(null);
-  const [portfolioArrowLeft, setPortfolioArrowLeft] = useState(null);
-  const togglePortfolioBar = useCallback(() => {
-    setIsPortfolioBarVisible((prev) => {
-      const next = !prev;
-      try {
-        localStorage.setItem("portfolioBarVisible", String(next));
-      } catch {
-      }
-      return next;
-    });
-  }, []);
-  const updatePortfolioArrow = useCallback(() => {
-    const eye = document.getElementById("portfolio-eye-toggle");
-    const pill = portfolioPillRef.current;
-    if (!eye || !pill) return;
-    const eyeRect = eye.getBoundingClientRect();
-    const pillRect = pill.getBoundingClientRect();
-    const offset = eyeRect.left + eyeRect.width / 2 - pillRect.left - 7;
-    setPortfolioArrowLeft(offset);
-  }, []);
-  useEffect(() => {
-    if (!isPortfolioBarVisible || !portfolioSummary) return;
-    updatePortfolioArrow();
-    window.addEventListener("resize", updatePortfolioArrow);
-    return () => window.removeEventListener("resize", updatePortfolioArrow);
-  }, [isPortfolioBarVisible, portfolioSummary, updatePortfolioArrow]);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const ua = navigator.userAgent;
@@ -5551,17 +5453,6 @@ var Header = ({
         }
       ),
       isAuthenticated ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
-        portfolioSummary && /* @__PURE__ */ jsx(
-          PortfolioEyeButton,
-          {
-            id: "portfolio-eye-toggle",
-            type: "button",
-            onClick: togglePortfolioBar,
-            $active: isPortfolioBarVisible,
-            title: isPortfolioBarVisible ? "Hide portfolio" : "Show portfolio",
-            children: isPortfolioBarVisible ? /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }) }) : /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 001 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }) })
-          }
-        ),
         /* @__PURE__ */ jsxs(UserMenu, { children: [
           /* @__PURE__ */ jsxs(
             UserButton,
@@ -5633,51 +5524,6 @@ var Header = ({
       ] })
     ] }),
     /* @__PURE__ */ jsx(HeaderSpacer, {}),
-    isAuthenticated && portfolioSummary && isPortfolioBarVisible && (() => {
-      const fmt = (n) => n.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-      const isPLPositive = portfolioSummary.pnl >= 0;
-      return /* @__PURE__ */ jsx(PortfolioBarContainer, { children: /* @__PURE__ */ jsxs(PortfolioBarPill, { ref: portfolioPillRef, children: [
-        portfolioArrowLeft !== null && /* @__PURE__ */ jsx(PortfolioBarArrow, { style: { left: `${portfolioArrowLeft}px` } }),
-        /* @__PURE__ */ jsxs(PBMetric, { children: [
-          /* @__PURE__ */ jsx(PBMetricLabel, { children: "Holdings" }),
-          /* @__PURE__ */ jsxs(PBMetricValue, { children: [
-            "$",
-            fmt(portfolioSummary.holdings)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(PBOperator, { children: "+" }),
-        /* @__PURE__ */ jsxs(PBMetric, { children: [
-          /* @__PURE__ */ jsx(PBMetricLabel, { children: "Cash" }),
-          /* @__PURE__ */ jsxs(PBMetricValue, { children: [
-            "$",
-            fmt(portfolioSummary.cash)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(PBOperator, { children: "=" }),
-        /* @__PURE__ */ jsxs(PBMetric, { children: [
-          /* @__PURE__ */ jsx(PBMetricLabel, { children: "Portfolio" }),
-          /* @__PURE__ */ jsxs(PBMetricValue, { style: { color: "#D4AF37", fontWeight: 700 }, children: [
-            "$",
-            fmt(portfolioSummary.portfolioValue)
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(PBDot, {}),
-        /* @__PURE__ */ jsxs(PBMetric, { children: [
-          /* @__PURE__ */ jsx(PBMetricLabel, { children: "P&L" }),
-          /* @__PURE__ */ jsxs(PBMetricValue, { $positive: isPLPositive, $negative: !isPLPositive, children: [
-            isPLPositive ? "+" : "",
-            "$",
-            fmt(Math.abs(portfolioSummary.pnl)),
-            /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.6rem", marginLeft: "2px", opacity: 0.7 }, children: [
-              "(",
-              isPLPositive ? "+" : "",
-              portfolioSummary.pnlPercent.toFixed(2),
-              "%)"
-            ] })
-          ] })
-        ] })
-      ] }) });
-    })(),
     LoginPopupComponent && showLoginPopup && /* @__PURE__ */ jsx(
       LoginPopupComponent,
       {
@@ -5763,19 +5609,8 @@ var HeaderContainer = styled25.header`
   box-sizing: border-box;
   @media (max-width: 768px) {
-    top: 0.5rem;
-    left: 0.75rem;
-    right: 0.75rem;
-    width: calc(100% - 1.5rem);
-    height: 46px;
-    min-height: 46px;
-    padding: 0 0.75rem;
-    border-radius: 12px;
-    background-color: rgba(13, 17, 23, 0.92);
-    backdrop-filter: blur(12px);
-    border: 1px solid rgba(255, 255, 255, 0.08);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    padding: 0 1rem;
+    padding-top: max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px));
   }
 `;
 var HeaderSpacer = styled25.div`
@@ -5783,10 +5618,6 @@ var HeaderSpacer = styled25.div`
   min-height: 56px;
   min-height: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
   flex-shrink: 0;
-  @media (max-width: 768px) {
-    min-height: calc(46px + 0.5rem);
-  }
 `;
 var Logo = styled25.div`
   display: flex;
@@ -6120,151 +5951,6 @@ var MobileNavItem = styled25.div`
     padding-left: 24px;
   }
 `;
-var pbShimmer = keyframes`
-  0% { background-position: -200% 0; }
-  100% { background-position: 200% 0; }
-`;
-var PortfolioEyeButton = styled25.button`
-  background: ${(p) => p.$active ? "rgba(212, 175, 55, 0.15)" : "transparent"};
-  border: none;
-  border-radius: 6px;
-  cursor: pointer;
-  padding: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${(p) => p.$active ? "#D4AF37" : "rgba(255,255,255,0.5)"};
-  transition: all 0.2s ease;
-  margin-right: 4px;
-  &:hover {
-    background: rgba(212, 175, 55, 0.2);
-    color: #D4AF37;
-  }
-  @media (max-width: 768px) {
-    padding: 4px;
-    margin-right: 2px;
-  }
-`;
-var PortfolioBarContainer = styled25.div`
-  position: fixed;
-  top: 56px;
-  top: calc(56px + max(env(safe-area-inset-top, 0px), var(--telegram-safe-top, 0px)));
-  left: 0;
-  right: 0;
-  z-index: 999;
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-start;
-  padding: 0 5%;
-  pointer-events: none;
-  overflow: visible;
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 40%;
-    right: 0;
-    height: 2px;
-    background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.25) 100%);
-    pointer-events: none;
-  }
-  @media (max-width: 768px) {
-    top: calc(46px + 0.5rem);
-    padding: 0 0.75rem;
-    justify-content: center;
-    &::before {
-      left: 0;
-      right: 0;
-      background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.4) 30%, rgba(212, 175, 55, 0.4) 70%, transparent 100%);
-    }
-  }
-`;
-var PortfolioBarPill = styled25.div`
-  pointer-events: auto;
-  display: flex;
-  align-items: center;
-  gap: 1.25rem;
-  padding: 0.5rem 1.5rem;
-  border-radius: 0 0 20px 20px;
-  background: linear-gradient(135deg, rgba(24, 26, 34, 0.98) 0%, rgba(32, 34, 42, 0.97) 100%);
-  backdrop-filter: blur(16px);
-  border: 1px solid rgba(212, 175, 55, 0.25);
-  border-top: none;
-  box-shadow:
-    0 4px 16px rgba(0, 0, 0, 0.3),
-    0 0 0 1px rgba(255, 255, 255, 0.03) inset,
-    0 1px 0 rgba(212, 175, 55, 0.06) inset;
-  position: relative;
-  overflow: visible;
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 1px;
-    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);
-    background-size: 200% 100%;
-    animation: ${pbShimmer} 4s linear infinite;
-  }
-  @media (max-width: 768px) {
-    gap: 0.75rem;
-    padding: 0.4rem 1rem;
-    border-radius: 0 0 16px 16px;
-  }
-`;
-var PortfolioBarArrow = styled25.div`
-  position: absolute;
-  top: -7px;
-  width: 14px;
-  height: 14px;
-  background: linear-gradient(135deg, rgba(26, 28, 36, 1) 0%, rgba(30, 32, 40, 1) 100%);
-  border-left: 1px solid rgba(212, 175, 55, 0.3);
-  border-top: 1px solid rgba(212, 175, 55, 0.3);
-  transform: rotate(45deg);
-  box-shadow: -2px -2px 6px rgba(0, 0, 0, 0.25);
-  pointer-events: none;
-`;
-var PBMetric = styled25.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1px;
-  white-space: nowrap;
-`;
-var PBMetricLabel = styled25.span`
-  font-size: 0.55rem;
-  color: rgba(255, 255, 255, 0.6);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  font-weight: 500;
-`;
-var PBMetricValue = styled25.span`
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: ${(p) => p.$positive ? "#0ecb81" : p.$negative ? "#f6465d" : "#eaecef"};
-  font-variant-numeric: tabular-nums;
-`;
-var PBDot = styled25.div`
-  width: 3px;
-  height: 3px;
-  border-radius: 50%;
-  background: rgba(212, 175, 55, 0.25);
-  flex-shrink: 0;
-`;
-var PBOperator = styled25.span`
-  font-size: 0.7rem;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.35);
-  flex-shrink: 0;
-`;
 var PropertySubheader = React5.forwardRef(
   ({ className, tabs, activeTabId, onTabChange, actions, ...props }, ref) => {
     const tabsContainerRef = React5.useRef(null);
@@ -6390,6 +6076,191 @@ var PropertySubheader = React5.forwardRef(
   }
 );
 PropertySubheader.displayName = "PropertySubheader";
+var slideIn = keyframes`
+  from { transform: translateX(110%); opacity: 0; }
+  to   { transform: translateX(0);    opacity: 1; }
+`;
+var slideOut = keyframes`
+  from { transform: translateX(0);    opacity: 1; }
+  to   { transform: translateX(110%); opacity: 0; }
+`;
+var progressShrink = keyframes`
+  from { width: 100%; }
+  to   { width: 0%; }
+`;
+var VARIANT_COLORS = {
+  success: { accent: "#0ecb81", icon: "\u2713" },
+  error: { accent: "#f6465d", icon: "\u2715" },
+  info: { accent: "#E6C656", icon: "\u2139" },
+  pending: { accent: "#7EB3E6", icon: "\u25CC" }
+};
+var Wrapper = styled25.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 340px;
+  background: #0d0f1a;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
+  animation: ${({ $exiting }) => $exiting ? css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
+  pointer-events: all;
+`;
+var Body = styled25.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px 12px;
+`;
+var IconDot = styled25.div`
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: ${({ $color }) => $color}1a;
+  border: 1px solid ${({ $color }) => $color}55;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: ${({ $color }) => $color};
+  margin-top: 1px;
+`;
+var Content = styled25.div`
+  flex: 1;
+  min-width: 0;
+`;
+var Title = styled25.p`
+  margin: 0 0 2px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: #fff;
+  letter-spacing: 0.01em;
+`;
+var Amount = styled25.p`
+  margin: 0 0 6px;
+  font-size: 1.05rem;
+  font-weight: 700;
+  color: #E6C656;
+  letter-spacing: -0.01em;
+`;
+var TxRow = styled25.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-family: 'IBM Plex Mono', 'Space Mono', monospace;
+  font-size: 0.68rem;
+  color: rgba(255, 255, 255, 0.4);
+  text-decoration: none;
+  transition: color 0.15s;
+  &:hover {
+    color: #7EB3E6;
+  }
+`;
+var TxArrow = styled25.span`
+  font-size: 0.6rem;
+  opacity: 0.6;
+`;
+var CloseBtn = styled25.button`
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  padding: 2px 4px;
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.25);
+  font-size: 0.9rem;
+  line-height: 1;
+  transition: color 0.15s;
+  &:hover { color: rgba(255, 255, 255, 0.7); }
+`;
+var ProgressBar = styled25.div`
+  height: 2px;
+  background: rgba(255, 255, 255, 0.06);
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    background: ${({ $color }) => $color};
+    animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
+  }
+`;
+var Container = styled25.div`
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 9999;
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 10px;
+  pointer-events: none;
+`;
+var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
+function truncateHash(hash) {
+  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
+}
+function ToastItem({ toast, onDismiss }) {
+  const [exiting, setExiting] = useState(false);
+  const timerRef = useRef(null);
+  const dismiss = useCallback(() => {
+    setExiting(true);
+    setTimeout(() => onDismiss(toast.id), 280);
+  }, [onDismiss, toast.id]);
+  useEffect(() => {
+    const duration2 = toast.duration ?? 6e3;
+    if (duration2 > 0) {
+      timerRef.current = setTimeout(dismiss, duration2);
+    }
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [dismiss, toast.duration]);
+  const { accent, icon } = VARIANT_COLORS[toast.variant];
+  const duration = toast.duration ?? 6e3;
+  const explorerBase = toast.explorerUrl ?? DEFAULT_EXPLORER;
+  const txUrl = toast.txHash ? `${explorerBase}${toast.txHash}` : void 0;
+  return /* @__PURE__ */ jsxs(Wrapper, { $exiting: exiting, children: [
+    /* @__PURE__ */ jsxs(Body, { children: [
+      /* @__PURE__ */ jsx(IconDot, { $color: accent, children: icon }),
+      /* @__PURE__ */ jsxs(Content, { children: [
+        /* @__PURE__ */ jsx(Title, { children: toast.title }),
+        toast.amount && /* @__PURE__ */ jsx(Amount, { children: toast.amount }),
+        toast.txHash && txUrl && /* @__PURE__ */ jsxs(TxRow, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: [
+          truncateHash(toast.txHash),
+          /* @__PURE__ */ jsx(TxArrow, { children: "\u2197" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CloseBtn, { type: "button", onClick: dismiss, "aria-label": "Dismiss", children: "\u2715" })
+    ] }),
+    duration > 0 && /* @__PURE__ */ jsx(ProgressBar, { $color: accent, $duration: duration })
+  ] });
+}
+var ToastContext = createContext(null);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState([]);
+  const addToast = useCallback((data) => {
+    const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    setToasts((prev) => [...prev, { ...data, id }]);
+    return id;
+  }, []);
+  const dismiss = useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
+    children,
+    /* @__PURE__ */ jsx(Container, { children: toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
+  ] });
+}
+function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
+  return ctx;
+}
 var DEFAULT_LOGO_SRC = Loaf_logo_Banner_default;
 var DEFAULT_LOGO_ALT = "Loaf";
 var OTP_INPUT_LENGTH = 6;
@@ -6417,6 +6288,7 @@ var LoginPopup = ({
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(false);
   const [isSignUp, setIsSignUp] = useState(false);
+  const { toast } = useToast();
   const [fundingAmount] = useState("");
   const [kycLoading, setKycLoading] = useState(false);
   const [showKycWidget, setShowKycWidget] = useState(false);
@@ -6430,6 +6302,11 @@ var LoginPopup = ({
       setView(initialView);
     }
   }, [initialView]);
+  useEffect(() => {
+    if (view === "kyc" && renderKycWidget) {
+      setShowKycWidget(true);
+    }
+  }, [view, renderKycWidget]);
   useEffect(() => {
     if (!transakWidgetUrl) return;
     const handleTransakMessage = (event) => {
@@ -6632,10 +6509,19 @@ var LoginPopup = ({
   };
   const handleKycWidgetResult = (result) => {
     setShowKycWidget(false);
+    onClose();
     if (result.passed) {
-      setView("kyc-success");
+      toast({
+        variant: "success",
+        title: "KYC submitted \u2014 pending review",
+        amount: "Your documents are under review. Please check back in a few minutes."
+      });
     } else {
-      setView("kyc-failed");
+      toast({
+        variant: "error",
+        title: "Verification unsuccessful",
+        amount: "Your identity check didn't pass. Please contact support if you believe this is an error."
+      });
     }
   };
   const handleKycWidgetClose = () => {
@@ -6726,7 +6612,7 @@ var LoginPopup = ({
   if (view === "main") {
     return /* @__PURE__ */ jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxs(PopupContainer, { onClick: (event) => event.stopPropagation(), children: [
       /* @__PURE__ */ jsx(CloseButton, { onClick: onClose, "aria-label": "Close login popup", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }),
-      /* @__PURE__ */ jsxs(Title, { children: [
+      /* @__PURE__ */ jsxs(Title2, { children: [
         /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
         "Welcome to Loaf"
       ] }),
@@ -6787,7 +6673,7 @@ var LoginPopup = ({
         /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }) }),
         "Back"
       ] }),
-      /* @__PURE__ */ jsxs(Title, { children: [
+      /* @__PURE__ */ jsxs(Title2, { children: [
         /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
         isSignUp ? "Sign up with Email" : "Sign in with Email"
       ] }),
@@ -6826,7 +6712,7 @@ var LoginPopup = ({
         /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }) }),
         "Back"
       ] }),
-      /* @__PURE__ */ jsxs(Title, { children: [
+      /* @__PURE__ */ jsxs(Title2, { children: [
         /* @__PURE__ */ jsx(LogoContainer3, { children: /* @__PURE__ */ jsx(LogoImage, { src: logoSrc, alt: logoAlt }) }),
         "Enter Verification Code"
       ] }),
@@ -6942,7 +6828,7 @@ var LoginPopup = ({
     ] }) });
   }
   if (view === "funding") {
-    return /* @__PURE__ */ jsx(Overlay2, { children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxs(
       FundingPopupContainer,
       {
         onClick: (event) => event.stopPropagation(),
@@ -7012,16 +6898,6 @@ var Overlay2 = styled25.div`
   justify-content: center;
   align-items: center;
   z-index: 10000;
-  animation: fadeIn 0.2s ease-in-out;
-  @keyframes fadeIn {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
 `;
 var PopupContainer = styled25.div`
   background-color: var(--color-background, #0a0a0a);
@@ -7031,20 +6907,8 @@ var PopupContainer = styled25.div`
   max-width: 440px;
   width: 90%;
   position: relative;
-  animation: slideUp 0.3s ease-out;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
-  @keyframes slideUp {
-    from {
-      transform: translateY(20px);
-      opacity: 0;
-    }
-    to {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
   @media (max-width: 768px) {
     padding: 2rem;
     max-width: 90%;
@@ -7058,21 +6922,9 @@ var KycPopupContainer = styled25.div`
   max-width: ${(props) => props.$expanded ? "680px" : "440px"};
   width: 90%;
   position: relative;
-  animation: slideUp 0.3s ease-out;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
   transition: max-width 0.3s ease;
-  @keyframes slideUp {
-    from {
-      transform: translateY(20px);
-      opacity: 0;
-    }
-    to {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
   @media (max-width: 768px) {
     padding: 1.5rem;
     max-width: 95%;
@@ -7131,7 +6983,7 @@ var CloseButton = styled25.button`
     color: var(--color-accent, #e6c656);
   }
 `;
-var Title = styled25.h2`
+var Title2 = styled25.h2`
   font-size: 1.75rem;
   font-weight: 600;
   color: var(--color-text, #eaecef);
@@ -7400,21 +7252,9 @@ var FundingPopupContainer = styled25.div`
   max-width: ${(props) => props.$hasWidget ? "900px" : "440px"};
   width: 90%;
   position: relative;
-  animation: slideUp 0.3s ease-out;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
   overflow: hidden;
-  @keyframes slideUp {
-    from {
-      transform: translateY(20px);
-      opacity: 0;
-    }
-    to {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
   @media (max-width: 768px) {
     padding: ${(props) => props.$hasWidget ? "0" : "2rem"};
     max-width: 95%;
@@ -7703,7 +7543,7 @@ var PropertyCompareBar = React5.forwardRef(
       void 0,
       pricePercentFormat
     )}%`;
-    const priceContent = formattedPriceValue && propertyValueVariant === "pill" ? /* @__PURE__ */ jsxs(PriceBlock, { $variant: propertyValueVariant, children: [
+    const priceContent = formattedPriceValue && propertyValueVariant === "pill" ? /* @__PURE__ */ jsxs(PriceBlock2, { $variant: propertyValueVariant, children: [
       /* @__PURE__ */ jsx(PriceAmount, { children: formattedPriceValue }),
       formattedPriceChange || formattedPricePercent ? /* @__PURE__ */ jsxs(
         PriceChange,
@@ -8016,7 +7856,7 @@ var PropertyValueChange = styled25.span`
     font-size: 0.65rem;
   }
 `;
-var PriceBlock = styled25.div`
+var PriceBlock2 = styled25.div`
   display: none;
   ${({ $variant }) => $variant === "pill" && css`
@@ -8110,7 +7950,7 @@ function GalleryMapSection({
       /* @__PURE__ */ jsxs(ThumbStrip, { children: [
         /* @__PURE__ */ jsx(ThumbScroll, { children: images.filter((img) => img.category !== "Floorplan").map((img) => {
           const actualIndex = images.indexOf(img);
-          return /* @__PURE__ */ jsx(Thumbnail2, { "data-active": !showVideo && carouselIndex === actualIndex, onClick: () => {
+          return /* @__PURE__ */ jsx(Thumbnail, { "data-active": !showVideo && carouselIndex === actualIndex, onClick: () => {
             stopAutoPlay();
             setShowVideo(false);
             setCarouselIndex(actualIndex);
@@ -8250,7 +8090,7 @@ var ThumbScroll = styled25.div`
   scrollbar-width: none;
   &::-webkit-scrollbar { display: none; }
 `;
-var Thumbnail2 = styled25.div`
+var Thumbnail = styled25.div`
   min-width: 60px; height: 45px; border-radius: 4px; overflow: hidden;
   cursor: pointer; border: 2px solid transparent; opacity: 0.6;
   transition: all 0.2s ease; flex-shrink: 0;
@@ -8781,7 +8621,7 @@ function PropertyHistory() {
             /* @__PURE__ */ jsx("span", { className: "text-[0.9rem] font-normal ml-3 opacity-80", children: loafListing.date.replace(/\d+,\s|\s\d+$/, "") })
           ] }) }),
           /* @__PURE__ */ jsx(SalesTable, { children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs(HistoryRow, { $isOwnershipStart: true, children: [
-            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TypeBadge2, { $type: loafListing.type, children: loafListing.type === "Sale" ? "Sold" : loafListing.type }) }),
+            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TypeBadge, { $type: loafListing.type, children: loafListing.type === "Sale" ? "Sold" : loafListing.type }) }),
             /* @__PURE__ */ jsx("td", { children: loafListing.saleType ?? "-" }),
             /* @__PURE__ */ jsx("td", { children: loafListing.agent })
           ] }) }) }),
@@ -8843,7 +8683,7 @@ function PropertyHistory() {
               /* @__PURE__ */ jsx("span", { className: "text-[0.9rem] font-normal ml-3 opacity-80", children: ownershipSale.date.replace(/\d+,\s|\s\d+$/, "") })
             ] }) }),
             ownershipSale && (historyFilter === "all" || historyFilter === "sales") && /* @__PURE__ */ jsx(SalesTable, { children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs(HistoryRow, { $isOwnershipStart: true, children: [
-              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TypeBadge2, { $type: ownershipSale.type, children: ownershipSale.type === "Sale" ? "Sold" : ownershipSale.type }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TypeBadge, { $type: ownershipSale.type, children: ownershipSale.type === "Sale" ? "Sold" : ownershipSale.type }) }),
               /* @__PURE__ */ jsx("td", { children: ownershipSale.saleType ?? "-" }),
               /* @__PURE__ */ jsx("td", { children: ownershipSale.agent })
             ] }) }) }),
@@ -8852,7 +8692,7 @@ function PropertyHistory() {
               /* @__PURE__ */ jsx("div", { className: "py-2", children: events.map((event) => /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(EventDetails, { event }) }, event.id)) })
             ] }),
             otherSales.length > 0 && (historyFilter === "all" || historyFilter === "sales") && /* @__PURE__ */ jsx(SalesTable, { children: /* @__PURE__ */ jsx("tbody", { children: otherSales.map((sale) => /* @__PURE__ */ jsxs(HistoryRow, { children: [
-              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TypeBadge2, { $type: sale.type, children: sale.type === "Sale" ? "Sold" : sale.type }) }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TypeBadge, { $type: sale.type, children: sale.type === "Sale" ? "Sold" : sale.type }) }),
               /* @__PURE__ */ jsx("td", { children: sale.saleType ?? "-" }),
               /* @__PURE__ */ jsx("td", { children: sale.agent })
             ] }, sale.id)) }) })
@@ -8995,7 +8835,7 @@ function EventDetails({ event }) {
         onClick: toggleExpand,
         children: [
           /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center flex-1 gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsx(TypeBadge2, { $type: event.type, children: event.type === "Sale" ? "Sold" : event.type }),
+            /* @__PURE__ */ jsx(TypeBadge, { $type: event.type, children: event.type === "Sale" ? "Sold" : event.type }),
             /* @__PURE__ */ jsx("span", { className: "ml-2", children: event.date })
           ] }) }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-[var(--color-text-secondary)] w-6 h-6 rounded-full transition-colors duration-200 hover:bg-white/10", children: expanded ? /* @__PURE__ */ jsx(BiChevronUp, { size: 20 }) : /* @__PURE__ */ jsx(BiChevronDown, { size: 20 }) })
@@ -9239,7 +9079,7 @@ var HistoryRow = styled25.tr`
     background-color: rgba(255, 255, 255, 0.08);
   }
 `;
-var TypeBadge2 = styled25.span`
+var TypeBadge = styled25.span`
   display: inline-block;
   padding: 0.25rem 0.5rem;
   border-radius: 4px;
@@ -9649,9 +9489,7 @@ function AssetSelectorBar({
   metrics: metricsProp,
   currentTokenName,
   selectorItems,
-  onSelect,
-  trailing,
-  imageUrl
+  onSelect
 }) {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const hasItems = selectorItems && selectorItems.length > 0;
@@ -9660,7 +9498,6 @@ function AssetSelectorBar({
     ...offeringValuation != null ? [{ label: "Offering Valuation", value: `$${offeringValuation.toLocaleString()}` }] : []
   ];
   return /* @__PURE__ */ jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxs(IPOAssetSelector, { children: [
-    imageUrl && /* @__PURE__ */ jsx(AssetThumbnail, { src: imageUrl, alt: propertyName }),
     /* @__PURE__ */ jsx(AssetSelectorDropdown, { onClick: () => hasItems && setIsDropdownOpen((prev) => !prev), children: /* @__PURE__ */ jsxs(AssetName, { children: [
       propertyName,
       hasItems && /* @__PURE__ */ jsx(
@@ -9681,7 +9518,7 @@ function AssetSelectorBar({
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(MetricLabel2, { children: m.label }),
-          /* @__PURE__ */ jsx(MetricValue, { $accent: !!m.accent, $secondary: !!m.secondary, children: m.value })
+          /* @__PURE__ */ jsx(MetricValue, { $accent: !!m.accent, children: m.value })
         ] }),
         m.change != null && /* @__PURE__ */ jsxs(MetricChange, { $positive: m.change >= 0, children: [
           m.change >= 0 ? "\u2191" : "\u2193",
@@ -9690,7 +9527,6 @@ function AssetSelectorBar({
         ] })
       ] })
     ] }, m.label)) }),
-    trailing,
     isDropdownOpen && hasItems && /* @__PURE__ */ jsx(IPODropdown, { children: selectorItems.map((item) => {
       const isCurrent = item.tokenName === currentTokenName;
       const status = item.status?.toUpperCase();
@@ -9750,20 +9586,6 @@ var IPOAssetSelector = styled25.div`
     padding: 0.6rem 0.75rem;
   }
 `;
-var AssetThumbnail = styled25.img`
-  width: 40px;
-  height: 40px;
-  border-radius: 8px;
-  object-fit: cover;
-  flex-shrink: 0;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  @media (max-width: 768px) {
-    width: 32px;
-    height: 32px;
-    border-radius: 6px;
-  }
-`;
 var AssetSelectorDropdown = styled25.div`
   display: flex;
   align-items: center;
@@ -9831,16 +9653,16 @@ var MetricLabel2 = styled25.span`
   }
 `;
 var MetricValue = styled25.span`
-  font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
-  font-weight: ${(p) => p.$secondary ? "600" : "700"};
-  color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
   @media (max-width: 768px) {
-    font-size: ${(p) => p.$secondary ? "0.85rem" : "1.05rem"};
+    font-size: 1.05rem;
   }
   @media (max-width: 480px) {
-    font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
+    font-size: 0.95rem;
   }
 `;
 var MetricChange = styled25.span`
@@ -9937,7 +9759,6 @@ function OfferingProgressCard({
   raisedAmount,
   targetAmount,
   isPrivateClient = false,
-  variant = "default",
   style,
   className
 }) {
@@ -9969,109 +9790,7 @@ function OfferingProgressCard({
     const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
     return () => clearInterval(interval);
   }, [opensAt]);
-  if (variant === "compact") {
-    return /* @__PURE__ */ jsxs(CompactContainer, { style, className, children: [
-      /* @__PURE__ */ jsx(ProgressBarOuter, { children: /* @__PURE__ */ jsx(ProgressBarInner, { style: { width: `${Math.min(percentSold, 100)}%` } }) }),
-      /* @__PURE__ */ jsxs(ProgressInfo, { children: [
-        /* @__PURE__ */ jsxs(ProgressSubscribers, { children: [
-          "Subscribers: ",
-          subscriberCount.toLocaleString()
-        ] }),
-        /* @__PURE__ */ jsxs(ProgressAmounts, { children: [
-          /* @__PURE__ */ jsx("span", { className: "raised", children: formatCurrency3(computedRaised) }),
-          /* @__PURE__ */ jsxs("span", { className: "target", children: [
-            " / ",
-            formatCurrency3(computedTarget)
-          ] })
-        ] })
-      ] })
-    ] });
-  }
-  if (variant === "home") {
-    const isPreLive = !ipoStarted && ipoStatus !== "CLOSED" && ipoStatus !== "CANCELLED";
-    return /* @__PURE__ */ jsxs(Container, { style, className, children: [
-      /* @__PURE__ */ jsxs(Header2, { children: [
-        /* @__PURE__ */ jsxs("h3", { children: [
-          /* @__PURE__ */ jsx(FaChartLine, {}),
-          " Offering Progress"
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "0.4rem" }, children: ipoStarted ? /* @__PURE__ */ jsxs(StatusSpan, { $color: "#0ecb81", children: [
-          /* @__PURE__ */ jsx(StatusDot, { $color: "#0ecb81", $pulse: true }),
-          "LIVE"
-        ] }) : /* @__PURE__ */ jsxs(StatusSpan, { $color: statusColor || "#D4AF37", children: [
-          /* @__PURE__ */ jsx(StatusDot, { $color: statusColor || "#D4AF37" }),
-          statusLabel || "Preparing"
-        ] }) })
-      ] }),
-      isPreLive ? /* @__PURE__ */ jsxs(HomePreLiveRow, { children: [
-        countdown ? /* @__PURE__ */ jsxs(HomeCountdownSide, { children: [
-          /* @__PURE__ */ jsx(CountdownLabel, { children: "Opens In" }),
-          /* @__PURE__ */ jsxs(CountdownDigits, { children: [
-            /* @__PURE__ */ jsx(CountdownNumber, { children: String(countdown.days).padStart(2, "0") }),
-            /* @__PURE__ */ jsx(CountdownUnitLabel, { children: "D" }),
-            /* @__PURE__ */ jsx(CountdownSeparator, { children: ":" }),
-            /* @__PURE__ */ jsx(CountdownNumber, { children: String(countdown.hours).padStart(2, "0") }),
-            /* @__PURE__ */ jsx(CountdownUnitLabel, { children: "H" }),
-            /* @__PURE__ */ jsx(CountdownSeparator, { children: ":" }),
-            /* @__PURE__ */ jsx(CountdownNumber, { children: String(countdown.minutes).padStart(2, "0") }),
-            /* @__PURE__ */ jsx(CountdownUnitLabel, { children: "M" }),
-            /* @__PURE__ */ jsx(CountdownSeparator, { children: ":" }),
-            /* @__PURE__ */ jsx(CountdownNumber, { children: String(countdown.seconds).padStart(2, "0") }),
-            /* @__PURE__ */ jsx(CountdownUnitLabel, { children: "S" })
-          ] })
-        ] }) : /* @__PURE__ */ jsx(HomeCountdownSide, { children: /* @__PURE__ */ jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }) }),
-        /* @__PURE__ */ jsxs(HomeUnitsSide, { children: [
-          /* @__PURE__ */ jsx(HomeUnitsLabel, { children: "Units Subscribed" }),
-          /* @__PURE__ */ jsxs(HomeUnitsValue, { children: [
-            /* @__PURE__ */ jsx(HomeSpinner, {}),
-            /* @__PURE__ */ jsxs("span", { children: [
-              " / ",
-              supplyToSell.toLocaleString()
-            ] })
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ jsxs(LiveBody, { children: [
-        /* @__PURE__ */ jsxs(LiveTopRow, { children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(LiveLabel, { children: [
-              "Offering Subscribed ",
-              /* @__PURE__ */ jsx("span", { children: "\u24D8" })
-            ] }),
-            /* @__PURE__ */ jsxs(LivePercent, { children: [
-              percentSold.toFixed(1),
-              "%",
-              /* @__PURE__ */ jsx("span", { className: "arrow", children: "\u2191" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { textAlign: "right" }, children: [
-            /* @__PURE__ */ jsx(LiveLabel, { children: "Units Subscribed" }),
-            /* @__PURE__ */ jsxs(UnitsValue, { children: [
-              /* @__PURE__ */ jsx("span", { children: totalSold.toLocaleString() }),
-              /* @__PURE__ */ jsxs("small", { children: [
-                "/ ",
-                supplyToSell.toLocaleString()
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(ProgressBarOuter, { children: /* @__PURE__ */ jsx(ProgressBarInner, { style: { width: `${Math.min(percentSold, 100)}%` } }) }),
-        /* @__PURE__ */ jsxs(ProgressInfo, { children: [
-          /* @__PURE__ */ jsxs(ProgressSubscribers, { children: [
-            "Subscribers: ",
-            subscriberCount.toLocaleString()
-          ] }),
-          /* @__PURE__ */ jsxs(ProgressAmounts, { children: [
-            /* @__PURE__ */ jsx("span", { className: "raised", children: formatCurrency3(computedRaised) }),
-            /* @__PURE__ */ jsxs("span", { className: "target", children: [
-              " / ",
-              formatCurrency3(computedTarget)
-            ] })
-          ] })
-        ] })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Container, { style, className, children: [
+  return /* @__PURE__ */ jsxs(Container2, { style, className, children: [
     /* @__PURE__ */ jsxs(Header2, { children: [
       /* @__PURE__ */ jsxs("h3", { children: [
         /* @__PURE__ */ jsx(FaChartLine, {}),
@@ -10139,7 +9858,7 @@ function OfferingProgressCard({
             /* @__PURE__ */ jsx("span", { children: "\u24D8" })
           ] }),
           /* @__PURE__ */ jsxs(LivePercent, { children: [
-            percentSold.toFixed(1),
+            percentSold < 0.1 && percentSold > 0 ? percentSold.toFixed(3) : percentSold.toFixed(1),
             "%",
             /* @__PURE__ */ jsx("span", { className: "arrow", children: "\u2191" })
           ] })
@@ -10172,7 +9891,7 @@ function OfferingProgressCard({
     ] })
   ] });
 }
-var Container = styled25.div`
+var Container2 = styled25.div`
   background-color: var(--color-card-darker, #111);
   border-radius: 8px;
   padding: 1.5rem;
@@ -10372,59 +10091,6 @@ var ProgressAmounts = styled25.div`
   .raised { color: #D4AF37; }
   .target { color: rgba(255,255,255,0.3); }
 `;
-var CompactContainer = styled25.div`
-  width: 100%;
-  margin: 1.5rem 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-`;
-var HomePreLiveRow = styled25.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-top: 1rem;
-`;
-var HomeCountdownSide = styled25.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-`;
-var HomeUnitsSide = styled25.div`
-  text-align: center;
-  flex-shrink: 0;
-`;
-var HomeUnitsLabel = styled25.div`
-  font-size: 0.6rem;
-  color: var(--color-text-secondary);
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  margin-bottom: 0.2rem;
-`;
-var HomeUnitsValue = styled25.div`
-  font-size: 1.1rem;
-  font-weight: 700;
-  font-family: monospace;
-  span {
-    color: var(--color-text-secondary);
-    font-weight: 400;
-  }
-`;
-var HomeSpinner = styled25.span`
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  border: 2px solid rgba(255, 255, 255, 0.1);
-  border-top-color: var(--color-accent, #f0b90b);
-  border-radius: 50%;
-  animation: homeSpin 1s linear infinite;
-  vertical-align: middle;
-  margin-right: 0.15rem;
-  @keyframes homeSpin {
-    to { transform: rotate(360deg); }
-  }
-`;
 var MAX_DISPLAY_AMOUNT = 6e4;
 var formatCurrency4 = (amount) => {
   if (amount >= 1e6) return `$${(amount / 1e6).toFixed(2)}M`;
@@ -10708,244 +10374,59 @@ var PurchaseItem = styled25.div`
   &:last-child {
     border-bottom: none;
-  }
-  @media (max-width: 768px) {
-    padding: 0.4rem 0.6rem;
-  }
-`;
-var PurchaseInfo = styled25.div`
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-`;
-var PurchaseName = styled25.div`
-  font-weight: 500;
-  font-size: 0.875rem;
-  color: #fff;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-var PurchaseTime = styled25.div`
-  font-size: 0.7rem;
-  color: var(--color-text-secondary);
-  margin-top: 0.125rem;
-`;
-var PurchaseAmount = styled25.div`
-  font-weight: 600;
-  font-size: 0.875rem;
-  color: #fff;
-  white-space: nowrap;
-  margin-left: 1rem;
-`;
-var LiveIndicatorDot = styled25.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; }
-`;
-var slideOut = keyframes`
-  from { transform: translateX(0);    opacity: 1; }
-  to   { transform: translateX(110%); opacity: 0; }
-`;
-var progressShrink = keyframes`
-  from { width: 100%; }
-  to   { width: 0%; }
-`;
-var VARIANT_COLORS = {
-  success: { accent: "#0ecb81", icon: "\u2713" },
-  error: { accent: "#f6465d", icon: "\u2715" },
-  info: { accent: "#E6C656", icon: "\u2139" },
-  pending: { accent: "#7EB3E6", icon: "\u25CC" }
-};
-var Wrapper = styled25.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  width: 340px;
-  background: #0d0f1a;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 10px;
-  overflow: hidden;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255,255,255,0.04);
-  animation: ${({ $exiting }) => $exiting ? css`${slideOut} 0.28s cubic-bezier(0.4,0,1,1) forwards` : css`${slideIn} 0.32s cubic-bezier(0,0,0.2,1) forwards`};
-  pointer-events: all;
-`;
-var Body = styled25.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 14px 16px 12px;
+  }
+  @media (max-width: 768px) {
+    padding: 0.4rem 0.6rem;
+  }
 `;
-var IconDot = styled25.div`
-  flex-shrink: 0;
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  background: ${({ $color }) => $color}1a;
-  border: 1px solid ${({ $color }) => $color}55;
+var PurchaseInfo = styled25.div`
   display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: ${({ $color }) => $color};
-  margin-top: 1px;
-`;
-var Content = styled25.div`
-  flex: 1;
+  flex-direction: column;
   min-width: 0;
 `;
-var Title2 = styled25.p`
-  margin: 0 0 2px;
-  font-size: 0.8rem;
-  font-weight: 600;
+var PurchaseName = styled25.div`
+  font-weight: 500;
+  font-size: 0.875rem;
   color: #fff;
-  letter-spacing: 0.01em;
-`;
-var Amount = styled25.p`
-  margin: 0 0 6px;
-  font-size: 1.05rem;
-  font-weight: 700;
-  color: #E6C656;
-  letter-spacing: -0.01em;
-`;
-var TxRow = styled25.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-family: 'IBM Plex Mono', 'Space Mono', monospace;
-  font-size: 0.68rem;
-  color: rgba(255, 255, 255, 0.4);
-  text-decoration: none;
-  transition: color 0.15s;
-  &:hover {
-    color: #7EB3E6;
-  }
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
-var TxArrow = styled25.span`
-  font-size: 0.6rem;
-  opacity: 0.6;
+var PurchaseTime = styled25.div`
+  font-size: 0.7rem;
+  color: var(--color-text-secondary);
+  margin-top: 0.125rem;
 `;
-var CloseBtn = styled25.button`
-  flex-shrink: 0;
-  background: none;
-  border: none;
-  padding: 2px 4px;
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.25);
-  font-size: 0.9rem;
-  line-height: 1;
-  transition: color 0.15s;
-  &:hover { color: rgba(255, 255, 255, 0.7); }
+var PurchaseAmount = styled25.div`
+  font-weight: 600;
+  font-size: 0.875rem;
+  color: #fff;
+  white-space: nowrap;
+  margin-left: 1rem;
 `;
-var ProgressBar = styled25.div`
-  height: 2px;
-  background: rgba(255, 255, 255, 0.06);
+var LiveIndicatorDot = styled25.span`
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background-color: ${(p) => p.$active ? "#0ecb81" : "#848e9c"};
+  border-radius: 50%;
   position: relative;
-  &::after {
+  &:after {
     content: '';
     position: absolute;
-    left: 0;
-    top: 0;
+    width: 100%;
     height: 100%;
-    background: ${({ $color }) => $color};
-    animation: ${css`${progressShrink} ${({ $duration }) => $duration}ms linear forwards`};
+    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 Container2 = styled25.div`
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column-reverse;
-  gap: 10px;
-  pointer-events: none;
-`;
-var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
-function truncateHash(hash) {
-  return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
-}
-function ToastItem({ toast, onDismiss }) {
-  const [exiting, setExiting] = useState(false);
-  const timerRef = useRef(null);
-  const dismiss = useCallback(() => {
-    setExiting(true);
-    setTimeout(() => onDismiss(toast.id), 280);
-  }, [onDismiss, toast.id]);
-  useEffect(() => {
-    const duration2 = toast.duration ?? 6e3;
-    if (duration2 > 0) {
-      timerRef.current = setTimeout(dismiss, duration2);
-    }
-    return () => {
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, [dismiss, toast.duration]);
-  const { accent, icon } = VARIANT_COLORS[toast.variant];
-  const duration = toast.duration ?? 6e3;
-  const explorerBase = toast.explorerUrl ?? DEFAULT_EXPLORER;
-  const txUrl = toast.txHash ? `${explorerBase}${toast.txHash}` : void 0;
-  return /* @__PURE__ */ jsxs(Wrapper, { $exiting: exiting, children: [
-    /* @__PURE__ */ jsxs(Body, { children: [
-      /* @__PURE__ */ jsx(IconDot, { $color: accent, children: icon }),
-      /* @__PURE__ */ jsxs(Content, { children: [
-        /* @__PURE__ */ jsx(Title2, { children: toast.title }),
-        toast.amount && /* @__PURE__ */ jsx(Amount, { children: toast.amount }),
-        toast.txHash && txUrl && /* @__PURE__ */ jsxs(TxRow, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: [
-          truncateHash(toast.txHash),
-          /* @__PURE__ */ jsx(TxArrow, { children: "\u2197" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(CloseBtn, { type: "button", onClick: dismiss, "aria-label": "Dismiss", children: "\u2715" })
-    ] }),
-    duration > 0 && /* @__PURE__ */ jsx(ProgressBar, { $color: accent, $duration: duration })
-  ] });
-}
-var ToastContext = createContext(null);
-function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState([]);
-  const addToast = useCallback((data) => {
-    const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
-    setToasts((prev) => [...prev, { ...data, id }]);
-    return id;
-  }, []);
-  const dismiss = useCallback((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
-    children,
-    /* @__PURE__ */ jsx(Container2, { children: toasts.map((t) => /* @__PURE__ */ jsx(ToastItem, { toast: t, onDismiss: dismiss }, t.id)) })
-  ] });
-}
-function useToast() {
-  const ctx = useContext(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within a ToastProvider");
-  return ctx;
-}
 function OrderPanel({
   statusLabel,
   statusColor,
@@ -11942,41 +11423,50 @@ function PortfolioActivityPanel({
     ] }),
     activeTab === "positions" && showPositionsTab && /* @__PURE__ */ jsxs(Fragment, { children: [
       positions.length === 0 && /* @__PURE__ */ jsx(EmptyState, { children: "No positions yet. Subscribe to an offering or buy on the secondary market." }),
-      positions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(PositionsHeader, { children: [
-          /* @__PURE__ */ jsx(PositionsHeaderCell, { children: "Asset" }),
-          /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Size" }),
-          /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Value" }),
-          /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Entry Price" }),
-          /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "Mark Price" }),
-          /* @__PURE__ */ jsx(PositionsHeaderCell, { $align: "right", children: "PNL (%)" })
-        ] }),
-        pageSlice(positions).map((pos) => {
-          const currentValue = pos.quantity * pos.marketPrice;
-          const costBasis = pos.quantity * pos.averageEntryPrice;
-          const pnl = pos.propertyPnl ?? currentValue - costBasis;
-          const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
-          const isPositive = pnl >= 0;
-          return /* @__PURE__ */ jsxs(PositionsRow, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: [
-            /* @__PURE__ */ jsx(PositionsCell, { children: /* @__PURE__ */ jsx(HoldingsProperty, { children: pos.tokenName }) }),
-            /* @__PURE__ */ jsx(PositionsCell, { $align: "right", children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatNumber2(pos.quantity) }) }),
-            /* @__PURE__ */ jsx(PositionsCell, { $align: "right", children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatCurrency5(currentValue) }) }),
-            /* @__PURE__ */ jsx(PositionsCell, { $align: "right", children: /* @__PURE__ */ jsx("span", { style: { color: "rgba(255,255,255,0.7)", fontSize: "0.8rem" }, children: formatCurrency5(pos.averageEntryPrice) }) }),
-            /* @__PURE__ */ jsx(PositionsCell, { $align: "right", children: /* @__PURE__ */ jsx("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: formatCurrency5(pos.marketPrice) }) }),
-            /* @__PURE__ */ jsxs(PositionsCell, { $align: "right", children: [
-              /* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
-                isPositive ? "+" : "-",
-                formatCurrency5(Math.abs(pnl))
-              ] }),
-              /* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
-                isPositive ? "+" : "",
-                pnlPercent.toFixed(1),
+      positions.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: pageSlice(positions).map((pos) => {
+        const currentValue = pos.quantity * pos.marketPrice;
+        const costBasis = pos.quantity * pos.averageEntryPrice;
+        const pnl = pos.propertyPnl ?? currentValue - costBasis;
+        const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
+        const totalPortfolioValue = positions.reduce((sum, p) => sum + p.quantity * p.marketPrice, 0);
+        const portfolioPercent = totalPortfolioValue > 0 ? currentValue / totalPortfolioValue * 100 : 0;
+        const isPositive = pnl >= 0;
+        return /* @__PURE__ */ jsxs(HoldingsItem, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: [
+          /* @__PURE__ */ jsxs(HoldingsLeft, { children: [
+            /* @__PURE__ */ jsx(HoldingsProperty, { children: pos.tokenName }),
+            /* @__PURE__ */ jsxs(HoldingsPortfolio, { children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                portfolioPercent.toFixed(1),
                 "%"
-              ] })
+              ] }),
+              " of portfolio"
             ] })
-          ] }, pos.tokenName);
-        })
-      ] })
+          ] }),
+          /* @__PURE__ */ jsxs(HoldingsQuantity, { children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              pos.quantity.toFixed(2),
+              " ",
+              pos.tokenName
+            ] }),
+            /* @__PURE__ */ jsxs(HoldingsAvgEntry, { children: [
+              "Avg ",
+              formatCurrency5(pos.averageEntryPrice)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(HoldingsPnL, { children: [
+            /* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
+              isPositive ? "+" : "-",
+              "$",
+              Math.abs(pnl).toFixed(2)
+            ] }),
+            /* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
+              isPositive ? "+" : "",
+              pnlPercent.toFixed(1),
+              "%"
+            ] })
+          ] })
+        ] }, pos.tokenName);
+      }) })
     ] }),
     activeTab === "subscriptions" && /* @__PURE__ */ jsxs(Fragment, { children: [
       offeringOrders.length === 0 && /* @__PURE__ */ jsx(EmptyState, { children: "IPO allocations will appear here once you subscribe." }),
@@ -12093,14 +11583,7 @@ function PortfolioActivityPanel({
             formatTimestamp(trade.executedAt)
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
-          ActivityTag,
-          {
-            $color: trade.side === "SELL" ? "#f6465d" : "#0ecb81",
-            $bg: trade.side === "SELL" ? "rgba(246,70,93,0.12)" : "rgba(14,203,129,0.12)",
-            children: sideLabel(trade.side)
-          }
-        ),
+        trade.status === "SETTLEMENT_FAILED" ? /* @__PURE__ */ jsx(ActivityTag, { $color: "#f6465d", $bg: "rgba(246,70,93,0.12)", children: "Failed" }) : trade.status === "SETTLED" ? /* @__PURE__ */ jsx(ActivityTag, { $color: "#0ecb81", $bg: "rgba(14,203,129,0.12)", children: "Settled" }) : /* @__PURE__ */ jsx(ActivityTag, { $color: "#f0b90b", $bg: "rgba(240,185,11,0.15)", children: "Settling" }),
         /* @__PURE__ */ jsx(ActivityAmount, { children: formatCurrency5(trade.price * trade.quantity) })
       ] }, trade.tradeId))
     ] }),
@@ -12278,8 +11761,8 @@ var ActivityPrimary = styled25.span`
   font-weight: 500;
 `;
 var ActivitySecondary = styled25.span`
-  font-size: 0.6rem;
-  color: rgba(255, 255, 255, 0.35);
+  font-size: 0.7rem;
+  color: rgba(255, 255, 255, 0.5);
 `;
 var ActivityTag = styled25.span`
   font-size: 0.58rem;
@@ -12358,42 +11841,53 @@ var PaginationLabel = styled25.span`
   font-size: 0.8rem;
   color: rgba(255, 255, 255, 0.4);
 `;
-var PositionsHeader = styled25.div`
-  display: grid;
-  grid-template-columns: 1.2fr 0.8fr 1fr 1fr 1fr 1.2fr;
-  gap: 0 0.5rem;
-  padding: 0.4rem 0.5rem;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-`;
-var PositionsHeaderCell = styled25.div`
-  font-size: 0.68rem;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.4);
-  text-align: ${(p) => p.$align || "left"};
-  white-space: nowrap;
-`;
-var PositionsRow = styled25.div`
+var HoldingsItem = styled25.div`
   display: grid;
-  grid-template-columns: 1.2fr 0.8fr 1fr 1fr 1fr 1.2fr;
+  grid-template-columns: 1fr 1fr 1fr;
   align-items: center;
-  gap: 0 0.5rem;
-  padding: 0.5rem 0.5rem;
+  padding: 0.5rem 0;
+  min-height: 50px;
   cursor: pointer;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
-  &:last-child { border-bottom: none; }
-  &:hover { background: rgba(255, 255, 255, 0.02); }
+  &:hover { background: rgba(255, 255, 255, 0.015); }
 `;
-var PositionsCell = styled25.div`
+var HoldingsLeft = styled25.div`
   display: flex;
   flex-direction: column;
-  align-items: ${(p) => p.$align === "right" ? "flex-end" : "flex-start"};
-  gap: 0.1rem;
+  gap: 0.15rem;
 `;
 var HoldingsProperty = styled25.div`
-  font-size: 0.8rem;
+  font-size: 0.85rem;
   font-weight: 600;
   color: #fff;
 `;
+var HoldingsPortfolio = styled25.div`
+  font-size: 0.7rem;
+  color: rgba(255, 255, 255, 0.5);
+  span {
+    color: var(--color-accent, #E6C87E);
+    font-weight: 500;
+  }
+`;
+var HoldingsQuantity = styled25.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.15rem;
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: #fff;
+`;
+var HoldingsAvgEntry = styled25.div`
+  font-size: 0.7rem;
+  color: var(--color-accent, #E6C87E);
+  font-weight: 500;
+`;
+var HoldingsPnL = styled25.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.15rem;
+`;
 var PnLAmount = styled25.div`
   font-size: 0.85rem;
   font-weight: 600;
@@ -14161,7 +13655,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: formatCompact(lastPrice) })
             ] }),
             /* @__PURE__ */ jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
@@ -14172,11 +13666,11 @@ function PropertyValuation({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(PricingDetailValue, { style: { color: "var(--color-accent)", fontWeight: "bold" }, children: [
-                formatCurrency6(fairValue),
+                formatCompact(fairValue),
                 " ",
                 /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.85em", fontWeight: "normal", opacity: 0.8 }, children: [
                   "(",
-                  formatCurrency6(fairValue * tokensOutstanding, { maximumFractionDigits: 0 }),
+                  formatCompact(fairValue * tokensOutstanding),
                   ")"
                 ] })
               ] })
@@ -14193,7 +13687,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: formatCompact(lastPrice) })
               ] }),
               /* @__PURE__ */ jsx(GaugeIndicator, { type: "lastPrice", position: gaugePosition })
             ] }),
@@ -14201,36 +13695,36 @@ function PropertyValuation({
               /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#4CAF50" }, children: [
                 /* @__PURE__ */ jsxs("span", { children: [
                   "< ",
-                  formatCurrency6(undervaluedThreshold)
+                  formatCompact(undervaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(undervaluedThreshold * tokensOutstanding),
+                  formatCompact(undervaluedThreshold * tokensOutstanding),
                   ")"
                 ] })
               ] }) }),
               /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "var(--color-accent)" }, children: [
-                /* @__PURE__ */ jsx("span", { children: formatCurrency6(fairValue) }),
+                /* @__PURE__ */ jsx("span", { children: formatCompact(fairValue) }),
                 /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(fairValue * tokensOutstanding),
+                  formatCompact(fairValue * tokensOutstanding),
                   ")"
                 ] })
               ] }) }),
               /* @__PURE__ */ jsx(ValuationItem, { children: /* @__PURE__ */ jsxs(ValuationValue, { style: { color: "#F44336" }, children: [
                 /* @__PURE__ */ jsxs("span", { children: [
                   "> ",
-                  formatCurrency6(overvaluedThreshold)
+                  formatCompact(overvaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(overvaluedThreshold * tokensOutstanding),
+                  formatCompact(overvaluedThreshold * tokensOutstanding),
                   ")"
                 ] })
               ] }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(HiddenMobileChart, { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { style: { marginBottom: "1rem", fontSize: "1.1rem", color: "#fff" }, children: "Historical Valuation" }),
             /* @__PURE__ */ jsx(ChartContainer, { children: /* @__PURE__ */ jsxs(ChartBackground, { children: [
               axisLabels.map((label, index) => /* @__PURE__ */ jsx(YAxisLabel, { style: { top: `${10 + index * 22}%` }, children: label }, `${label}-${index}`)),
@@ -14349,15 +13843,7 @@ function PropertyValuation({
               ] })
             ] }) })
           ] })
-        ] }),
-        /* @__PURE__ */ jsx("h3", { className: "desktop-only-historical-chart", style: { marginBottom: "1rem", fontSize: "1.1rem", color: "#fff" }, children: "Historical Valuation" }),
-        /* @__PURE__ */ jsx(ChartContainer, { className: "desktop-only-historical-chart", children: /* @__PURE__ */ jsxs(ChartBackground, { children: [
-          axisLabels.map((label, index) => /* @__PURE__ */ jsx(YAxisLabel, { style: { top: `${10 + index * 22}%` }, children: label }, `${label}-${index}`)),
-          /* @__PURE__ */ jsxs(ValuationSvg, { viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`, preserveAspectRatio: "none", children: [
-            valuationPath ? /* @__PURE__ */ jsx("path", { d: valuationPath, fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) : null,
-            fairValuePath ? /* @__PURE__ */ jsx("path", { d: fairValuePath, fill: "none", stroke: "#FFFFFF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) : null
-          ] })
-        ] }) })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxs(RecentSalesSection, { children: [
@@ -14431,6 +13917,14 @@ function formatMillions(value) {
   }
   return `$${(value / 1e6).toFixed(2)}m`;
 }
+function formatCompact(value) {
+  if (value == null || !Number.isFinite(value)) return "\u2014";
+  const abs = Math.abs(value);
+  if (abs >= 1e9) return `$${(value / 1e9).toFixed(2)}B`;
+  if (abs >= 1e6) return `$${(value / 1e6).toFixed(2)}M`;
+  if (abs >= 1e3) return `$${(value / 1e3).toFixed(1)}K`;
+  return formatCurrency6(value);
+}
 function formatBedroomLabel(bedrooms) {
   if (!Number.isFinite(bedrooms)) return "\u2014";
   return `${bedrooms} Bed`;
@@ -14554,12 +14048,6 @@ var GaugePriceTag = styled25.div`
     color: var(--color-accent);
   }
 `;
-var HiddenMobileChart = styled25.div`
-  display: none;
-  @media (max-width: 480px) {
-    display: block;
-  }
-`;
 var ValuationWrapper = styled25.div`
   display: flex;
   flex-direction: column;
@@ -14611,9 +14099,10 @@ var PricingModelCard = styled25.div`
 var PricingModelHeader = styled25.div`
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   margin-bottom: 1.5rem;
   gap: 1rem;
+  flex-wrap: wrap;
   .valuation-info {
     display: flex;
@@ -14621,6 +14110,7 @@ var PricingModelHeader = styled25.div`
     gap: 0.25rem;
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.75);
+    flex-shrink: 0;
   }
 `;
 var PricingModelTitle = styled25.h3`
@@ -14687,15 +14177,31 @@ var ValuationDetails = styled25.div`
   display: flex;
   justify-content: space-between;
   margin-top: 1rem;
+  gap: 0.25rem;
 `;
 var ValuationItem = styled25.div`
   display: flex;
   flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
 `;
 var ValuationValue = styled25.div`
   font-size: 1rem;
   font-weight: 600;
   color: #fff;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  @media (max-width: 480px) {
+    font-size: 0.72rem;
+    .valuation-amount-span {
+      display: none;
+    }
+  }
 `;
 var ChartContainer = styled25.div`
   width: 100%;
@@ -15108,7 +14614,7 @@ var ThumbnailStrip = styled25.div`
     display: none;
   }
 `;
-var Thumbnail3 = styled25.button`
+var Thumbnail2 = styled25.button`
   width: 86px;
   height: 64px;
   border-radius: 6px;
@@ -15444,7 +14950,7 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
             ]
           }
         ),
-        /* @__PURE__ */ jsx(ThumbnailStrip, { onClick: (event) => event.stopPropagation(), children: galleryImages.map((image, idx) => /* @__PURE__ */ jsx(Thumbnail3, { $active: idx === currentIndex, onClick: () => setCurrentIndex(idx), "aria-label": `Preview ${image.label}`, children: /* @__PURE__ */ jsx("img", { src: image.src, alt: image.alt }) }, image.alt)) })
+        /* @__PURE__ */ jsx(ThumbnailStrip, { onClick: (event) => event.stopPropagation(), children: galleryImages.map((image, idx) => /* @__PURE__ */ jsx(Thumbnail2, { $active: idx === currentIndex, onClick: () => setCurrentIndex(idx), "aria-label": `Preview ${image.label}`, children: /* @__PURE__ */ jsx("img", { src: image.src, alt: image.alt }) }, image.alt)) })
       ]
     }
   );