@loafmarkets/ui 0.1.86 → 0.1.88

package/dist/index.js

@@ -2690,7 +2690,7 @@ var PropertyTour = React5__namespace.forwardRef(
   }
 );
 PropertyTour.displayName = "PropertyTour";
-var ITEMS_PER_PAGE = 5;
+var ITEMS_PER_PAGE = 4;
 var ensureAnimationsInjected = () => {
   if (typeof document === "undefined") return;
   if (document.getElementById("property-news-updates-animations")) return;
@@ -2938,10 +2938,10 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-              isHomeVariant && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: isHomeVariant ? "text-base font-semibold text-white" : "text-lg font-semibold text-white", style: { margin: 0 }, children: resolvedHeading }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: isHomeVariant ? "text-base font-semibold text-white" : "text-lg font-semibold text-white", children: resolvedHeading }),
                 subheading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/60", children: subheading }) : null
               ] })
             ] }),
@@ -2956,7 +2956,7 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
               "LIVE"
             ] }) : null
           ] }),
-          isHomeVariant && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          isHomeVariant && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: 0, marginTop: "0.75rem", marginBottom: "0.25rem" }, children: ["all", "property", "market"].map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
@@ -2965,8 +2965,7 @@ var PropertyNewsUpdates = React5__namespace.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)",
@@ -2980,7 +2979,7 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: cn("flex flex-1 flex-col overflow-hidden", isHomeVariant ? "mt-2 gap-0" : "mt-4 gap-3"),
+              className: "mt-4 flex flex-1 flex-col gap-3 overflow-hidden",
               style: !isPurchaseVariant && !isHomeVariant ? { minHeight: `${ITEMS_PER_PAGE * 86}px` } : void 0,
               children: isPurchaseVariant ? purchaseItems.length > 0 ? purchaseItems.slice(0, 7).map((purchase, index) => {
                 const maxAmount = 6e4;
@@ -3019,7 +3018,7 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
                     style: {
                       width: "100%",
                       textAlign: "left",
-                      backgroundColor: "transparent",
+                      background: "transparent",
                       border: "none",
                       cursor: "pointer",
                       padding: "0.75rem 0",
@@ -3028,22 +3027,11 @@ var PropertyNewsUpdates = React5__namespace.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__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4, transition: "color 0.15s" }, children: item.title }),
+                        /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { fontSize: "0.85rem", fontWeight: 400, marginBottom: "0.25rem", color: "#f8f9fa", lineHeight: 1.4 }, children: item.title }),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", flexWrap: "wrap" }, children: [
                           /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#848e9c", fontSize: "0.7rem" }, children: typeof item.date === "string" ? item.date : formatDate(item.date) }),
                           item.source && /* @__PURE__ */ jsxRuntime.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 }),
@@ -3133,8 +3121,8 @@ var PropertyNewsUpdates = React5__namespace.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__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.7rem", color: "rgba(255,255,255,0.5)" }, children: [
@@ -3148,8 +3136,8 @@ var PropertyNewsUpdates = React5__namespace.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__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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"
               }
             )
           ] }),
@@ -3160,9 +3148,8 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
                 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__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) })
+                className: cn("rounded-full border border-white/15 px-3 py-1 uppercase tracking-[0.2em]", page === 0 ? "opacity-40 cursor-not-allowed" : "hover:border-white/40"),
+                children: "Prev"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-white/70", children: [
@@ -3177,9 +3164,8 @@ var PropertyNewsUpdates = React5__namespace.forwardRef(
                 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__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })
+                className: cn("rounded-full border border-white/15 px-3 py-1 uppercase tracking-[0.2em]", page >= totalPages - 1 ? "opacity-40 cursor-not-allowed" : "hover:border-white/40"),
+                children: "Next"
               }
             )
           ] }),
@@ -5688,19 +5674,8 @@ var HeaderContainer = styled25__default.default.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__default.default.div`
@@ -5708,10 +5683,6 @@ var HeaderSpacer = styled25__default.default.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__default.default.div`
   display: flex;
@@ -6210,6 +6181,11 @@ var LoginPopup = ({
       setView(initialView);
     }
   }, [initialView]);
+  React5.useEffect(() => {
+    if (view === "kyc" && renderKycWidget) {
+      setShowKycWidget(true);
+    }
+  }, [view, renderKycWidget]);
   React5.useEffect(() => {
     if (!transakWidgetUrl) return;
     const handleTransakMessage = (event) => {
@@ -6722,7 +6698,7 @@ var LoginPopup = ({
     ] }) });
   }
   if (view === "funding") {
-    return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(
       FundingPopupContainer,
       {
         onClick: (event) => event.stopPropagation(),
@@ -6792,16 +6768,6 @@ var Overlay2 = styled25__default.default.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__default.default.div`
   background-color: var(--color-background, #0a0a0a);
@@ -6811,20 +6777,8 @@ var PopupContainer = styled25__default.default.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%;
@@ -6838,21 +6792,9 @@ var KycPopupContainer = styled25__default.default.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%;
@@ -7180,21 +7122,9 @@ var FundingPopupContainer = styled25__default.default.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%;
@@ -9699,7 +9629,6 @@ function OfferingProgressCard({
   raisedAmount,
   targetAmount,
   isPrivateClient = false,
-  variant = "default",
   style,
   className
 }) {
@@ -9731,108 +9660,6 @@ function OfferingProgressCard({
     const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
     return () => clearInterval(interval);
   }, [opensAt]);
-  if (variant === "compact") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(CompactContainer, { style, className, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ProgressBarOuter, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBarInner, { style: { width: `${Math.min(percentSold, 100)}%` } }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ProgressInfo, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ProgressSubscribers, { children: [
-          "Subscribers: ",
-          subscriberCount.toLocaleString()
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ProgressAmounts, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "raised", children: formatCurrency3(computedRaised) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "target", children: [
-            " / ",
-            formatCurrency3(computedTarget)
-          ] })
-        ] })
-      ] })
-    ] });
-  }
-  if (variant === "home") {
-    const isPreLive = !ipoStarted && ipoStatus !== "CLOSED" && ipoStatus !== "CANCELLED";
-    return /* @__PURE__ */ jsxRuntime.jsxs(Container, { style, className, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(fa.FaChartLine, {}),
-          " Offering Progress"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "0.4rem" }, children: ipoStarted ? /* @__PURE__ */ jsxRuntime.jsxs(StatusSpan, { $color: "#0ecb81", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { $color: "#0ecb81", $pulse: true }),
-          "LIVE"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(StatusSpan, { $color: statusColor || "#D4AF37", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { $color: statusColor || "#D4AF37" }),
-          statusLabel || "Preparing"
-        ] }) })
-      ] }),
-      isPreLive ? /* @__PURE__ */ jsxRuntime.jsxs(HomePreLiveRow, { children: [
-        countdown ? /* @__PURE__ */ jsxRuntime.jsxs(HomeCountdownSide, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CountdownLabel, { children: "Opens In" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(CountdownDigits, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.days).padStart(2, "0") }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "D" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.hours).padStart(2, "0") }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "H" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.minutes).padStart(2, "0") }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "M" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownSeparator, { children: ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownNumber, { children: String(countdown.seconds).padStart(2, "0") }),
-            /* @__PURE__ */ jsxRuntime.jsx(CountdownUnitLabel, { children: "S" })
-          ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(HomeCountdownSide, { children: /* @__PURE__ */ jsxRuntime.jsx(PreLiveStatus, { $statusColor: statusColor, children: "Sale Not Yet Open" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(HomeUnitsSide, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(HomeUnitsLabel, { children: "Units Subscribed" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(HomeUnitsValue, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(HomeSpinner, {}),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              " / ",
-              supplyToSell.toLocaleString()
-            ] })
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(LiveBody, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(LiveTopRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(LiveLabel, { children: [
-              "Offering Subscribed ",
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u24D8" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(LivePercent, { children: [
-              percentSold.toFixed(1),
-              "%",
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arrow", children: "\u2191" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "right" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LiveLabel, { children: "Units Subscribed" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(UnitsValue, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: totalSold.toLocaleString() }),
-              /* @__PURE__ */ jsxRuntime.jsxs("small", { children: [
-                "/ ",
-                supplyToSell.toLocaleString()
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ProgressBarOuter, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBarInner, { style: { width: `${Math.min(percentSold, 100)}%` } }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ProgressInfo, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ProgressSubscribers, { children: [
-            "Subscribers: ",
-            subscriberCount.toLocaleString()
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ProgressAmounts, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "raised", children: formatCurrency3(computedRaised) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "target", children: [
-              " / ",
-              formatCurrency3(computedTarget)
-            ] })
-          ] })
-        ] })
-      ] })
-    ] });
-  }
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { style, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Header2, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
@@ -9901,7 +9728,7 @@ function OfferingProgressCard({
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u24D8" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(LivePercent, { children: [
-            percentSold.toFixed(1),
+            percentSold < 0.1 && percentSold > 0 ? percentSold.toFixed(3) : percentSold.toFixed(1),
             "%",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arrow", children: "\u2191" })
           ] })
@@ -10134,59 +9961,6 @@ var ProgressAmounts = styled25__default.default.div`
   .raised { color: #D4AF37; }
   .target { color: rgba(255,255,255,0.3); }
 `;
-var CompactContainer = styled25__default.default.div`
-  width: 100%;
-  margin: 1.5rem 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-`;
-var HomePreLiveRow = styled25__default.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-top: 1rem;
-`;
-var HomeCountdownSide = styled25__default.default.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  flex: 1;
-`;
-var HomeUnitsSide = styled25__default.default.div`
-  text-align: center;
-  flex-shrink: 0;
-`;
-var HomeUnitsLabel = styled25__default.default.div`
-  font-size: 0.6rem;
-  color: var(--color-text-secondary);
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  margin-bottom: 0.2rem;
-`;
-var HomeUnitsValue = styled25__default.default.div`
-  font-size: 1.1rem;
-  font-weight: 700;
-  font-family: monospace;
-  span {
-    color: var(--color-text-secondary);
-    font-weight: 400;
-  }
-`;
-var HomeSpinner = styled25__default.default.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`;
@@ -11864,14 +11638,7 @@ function PortfolioActivityPanel({
             formatTimestamp(trade.executedAt)
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ActivityTag, { $color: "#f6465d", $bg: "rgba(246,70,93,0.12)", children: "Failed" }) : trade.status === "SETTLED" ? /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: "#0ecb81", $bg: "rgba(14,203,129,0.12)", children: "Settled" }) : /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: "#f0b90b", $bg: "rgba(240,185,11,0.15)", children: "Settling" }),
         /* @__PURE__ */ jsxRuntime.jsx(ActivityAmount, { children: formatCurrency5(trade.price * trade.quantity) })
       ] }, trade.tradeId))
     ] }),
@@ -13943,7 +13710,7 @@ function PropertyValuation({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(PropertyDetailLabel, { children: "Last Price" }),
-              /* @__PURE__ */ jsxRuntime.jsx(PricingDetailValue, { children: formatCurrency6(lastPrice) })
+              /* @__PURE__ */ jsxRuntime.jsx(PricingDetailValue, { children: formatCompact(lastPrice) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(PricingModelDetail, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%" }, children: [
@@ -13954,11 +13721,11 @@ function PropertyValuation({
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(PricingDetailValue, { style: { color: "var(--color-accent)", fontWeight: "bold" }, children: [
-                formatCurrency6(fairValue),
+                formatCompact(fairValue),
                 " ",
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "0.85em", fontWeight: "normal", opacity: 0.8 }, children: [
                   "(",
-                  formatCurrency6(fairValue * tokensOutstanding, { maximumFractionDigits: 0 }),
+                  formatCompact(fairValue * tokensOutstanding),
                   ")"
                 ] })
               ] })
@@ -13975,7 +13742,7 @@ function PropertyValuation({
               /* @__PURE__ */ jsxRuntime.jsx(GaugeIndicator, { type: "fairValue", position: 50 }),
               /* @__PURE__ */ jsxRuntime.jsxs(GaugePriceTag, { position: gaugePosition, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Last Price" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency6(lastPrice) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCompact(lastPrice) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(GaugeIndicator, { type: "lastPrice", position: gaugePosition })
             ] }),
@@ -13983,36 +13750,36 @@ function PropertyValuation({
               /* @__PURE__ */ jsxRuntime.jsx(ValuationItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(ValuationValue, { style: { color: "#4CAF50" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "< ",
-                  formatCurrency6(undervaluedThreshold)
+                  formatCompact(undervaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(undervaluedThreshold * tokensOutstanding),
+                  formatCompact(undervaluedThreshold * tokensOutstanding),
                   ")"
                 ] })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(ValuationItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(ValuationValue, { style: { color: "var(--color-accent)" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCurrency6(fairValue) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatCompact(fairValue) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(fairValue * tokensOutstanding),
+                  formatCompact(fairValue * tokensOutstanding),
                   ")"
                 ] })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(ValuationItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(ValuationValue, { style: { color: "#F44336" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "> ",
-                  formatCurrency6(overvaluedThreshold)
+                  formatCompact(overvaluedThreshold)
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "valuation-amount-span", style: { fontSize: "0.8rem", fontWeight: "normal" }, children: [
                   "(",
-                  formatMillions(overvaluedThreshold * tokensOutstanding),
+                  formatCompact(overvaluedThreshold * tokensOutstanding),
                   ")"
                 ] })
               ] }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(HiddenMobileChart, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { marginBottom: "1rem", fontSize: "1.1rem", color: "#fff" }, children: "Historical Valuation" }),
             /* @__PURE__ */ jsxRuntime.jsx(ChartContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs(ChartBackground, { children: [
               axisLabels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsx(YAxisLabel, { style: { top: `${10 + index * 22}%` }, children: label }, `${label}-${index}`)),
@@ -14131,15 +13898,7 @@ function PropertyValuation({
               ] })
             ] }) })
           ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "desktop-only-historical-chart", style: { marginBottom: "1rem", fontSize: "1.1rem", color: "#fff" }, children: "Historical Valuation" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ChartContainer, { className: "desktop-only-historical-chart", children: /* @__PURE__ */ jsxRuntime.jsxs(ChartBackground, { children: [
-          axisLabels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsx(YAxisLabel, { style: { top: `${10 + index * 22}%` }, children: label }, `${label}-${index}`)),
-          /* @__PURE__ */ jsxRuntime.jsxs(ValuationSvg, { viewBox: `0 0 ${CHART_WIDTH} ${CHART_HEIGHT}`, preserveAspectRatio: "none", children: [
-            valuationPath ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: valuationPath, fill: "none", stroke: "#D4AF37", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) : null,
-            fairValuePath ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: fairValuePath, fill: "none", stroke: "#FFFFFF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }) : null
-          ] })
-        ] }) })
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(RecentSalesSection, { children: [
@@ -14213,6 +13972,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`;
@@ -14336,12 +14103,6 @@ var GaugePriceTag = styled25__default.default.div`
     color: var(--color-accent);
   }
 `;
-var HiddenMobileChart = styled25__default.default.div`
-  display: none;
-  @media (max-width: 480px) {
-    display: block;
-  }
-`;
 var ValuationWrapper = styled25__default.default.div`
   display: flex;
   flex-direction: column;
@@ -14393,9 +14154,10 @@ var PricingModelCard = styled25__default.default.div`
 var PricingModelHeader = styled25__default.default.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;
@@ -14403,6 +14165,7 @@ var PricingModelHeader = styled25__default.default.div`
     gap: 0.25rem;
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.75);
+    flex-shrink: 0;
   }
 `;
 var PricingModelTitle = styled25__default.default.h3`
@@ -14469,15 +14232,31 @@ var ValuationDetails = styled25__default.default.div`
   display: flex;
   justify-content: space-between;
   margin-top: 1rem;
+  gap: 0.25rem;
 `;
 var ValuationItem = styled25__default.default.div`
   display: flex;
   flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
 `;
 var ValuationValue = styled25__default.default.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__default.default.div`
   width: 100%;