@loafmarkets/ui 0.1.49 → 0.1.51

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React9 = require('react');
+var React5 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -33,7 +33,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React9__namespace = /*#__PURE__*/_interopNamespace(React9);
+var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
 var styled24__default = /*#__PURE__*/_interopDefault(styled24);
 var LightweightCharts__namespace = /*#__PURE__*/_interopNamespace(LightweightCharts);
 
@@ -75,7 +75,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React9__namespace.forwardRef(
+var Button = React5__namespace.forwardRef(
   ({ className, variant, size, radius, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     const coercedRadius = radius ?? (variant === "onboarding" || variant === "onboardingOutline" ? "square" : void 0);
@@ -114,11 +114,11 @@ var badgeVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Badge = React9__namespace.forwardRef(
+var Badge = React5__namespace.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: cn(badgeVariants({ variant, size }), className), ...props })
 );
 Badge.displayName = "Badge";
-var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React5__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -130,11 +130,11 @@ var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9__namespace.forwardRef(
+var CardHeader = React5__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9__namespace.forwardRef(
+var CardTitle = React5__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h3",
     {
@@ -145,15 +145,15 @@ var CardTitle = React9__namespace.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9__namespace.forwardRef(
+var CardDescription = React5__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-slate-500", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React9__namespace.forwardRef(
+var CardContent = React5__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("px-6 pb-6 pt-2 text-sm text-slate-600", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React9__namespace.forwardRef(
+var CardFooter = React5__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center border-t border-slate-100 px-6 py-4", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -171,7 +171,7 @@ var defaultFormatSignedCurrency = (value) => {
   const sign = value >= 0 ? "+" : "-";
   return `${sign}${defaultFormatCurrency(Math.abs(value))}`;
 };
-var PortfolioSummary = React9__namespace.forwardRef(
+var PortfolioSummary = React5__namespace.forwardRef(
   ({
     availableCash,
     portfolioValue,
@@ -321,23 +321,23 @@ function HousePositionSlider({
   className,
   ...props
 }) {
-  const [orderMode, setOrderMode] = React9__namespace.useState("none");
-  const [buyTrackingMode, setBuyTrackingMode] = React9__namespace.useState("dollars");
-  const [deltaDollars, setDeltaDollars] = React9__namespace.useState(0);
-  const [deltaTokensBuy, setDeltaTokensBuy] = React9__namespace.useState(0);
-  const [deltaTokensSell, setDeltaTokensSell] = React9__namespace.useState(0);
-  const [_isDragging, setIsDragging] = React9__namespace.useState(false);
-  const [visualTargetPct, setVisualTargetPct] = React9__namespace.useState(null);
-  const [orderType, setOrderType] = React9__namespace.useState(defaultOrderType);
-  const [limitPrice, setLimitPrice] = React9__namespace.useState(currentPrice);
-  const [limitPriceInput, setLimitPriceInput] = React9__namespace.useState(currentPrice.toFixed(2));
-  const [limitPriceDirty, setLimitPriceDirty] = React9__namespace.useState(false);
-  const [ownershipInput, setOwnershipInput] = React9__namespace.useState("");
-  const [tokenAmountInput, setTokenAmountInput] = React9__namespace.useState("");
-  const houseRef = React9__namespace.useRef(null);
+  const [orderMode, setOrderMode] = React5__namespace.useState("none");
+  const [buyTrackingMode, setBuyTrackingMode] = React5__namespace.useState("dollars");
+  const [deltaDollars, setDeltaDollars] = React5__namespace.useState(0);
+  const [deltaTokensBuy, setDeltaTokensBuy] = React5__namespace.useState(0);
+  const [deltaTokensSell, setDeltaTokensSell] = React5__namespace.useState(0);
+  const [_isDragging, setIsDragging] = React5__namespace.useState(false);
+  const [visualTargetPct, setVisualTargetPct] = React5__namespace.useState(null);
+  const [orderType, setOrderType] = React5__namespace.useState(defaultOrderType);
+  const [limitPrice, setLimitPrice] = React5__namespace.useState(currentPrice);
+  const [limitPriceInput, setLimitPriceInput] = React5__namespace.useState(currentPrice.toFixed(2));
+  const [limitPriceDirty, setLimitPriceDirty] = React5__namespace.useState(false);
+  const [ownershipInput, setOwnershipInput] = React5__namespace.useState("");
+  const [tokenAmountInput, setTokenAmountInput] = React5__namespace.useState("");
+  const houseRef = React5__namespace.useRef(null);
   const asks = orderbook?.asks ?? [];
   const bids = orderbook?.bids ?? [];
-  React9__namespace.useEffect(() => {
+  React5__namespace.useEffect(() => {
     if (orderType !== "limit") return;
     if (limitPriceDirty) return;
     setLimitPrice(currentPrice);
@@ -412,7 +412,7 @@ function HousePositionSlider({
   const impliedDisplayTargetOwnership = clamp(targetOwnership + ownershipShift, 0, 100);
   const displayTargetOwnership = visualTargetPct ?? impliedDisplayTargetOwnership;
   const estFeeTokens = Math.abs(deltaValue) * 5e-3 / (effectivePrice || 1);
-  const resetOrder = React9__namespace.useCallback(() => {
+  const resetOrder = React5__namespace.useCallback(() => {
     setOrderMode("none");
     setBuyTrackingMode("dollars");
     setDeltaDollars(0);
@@ -420,7 +420,7 @@ function HousePositionSlider({
     setDeltaTokensSell(0);
     setVisualTargetPct(null);
   }, []);
-  const updateOrderFromTargetValue = React9__namespace.useCallback(
+  const updateOrderFromTargetValue = React5__namespace.useCallback(
     (newTargetValue) => {
       const newDeltaValue = newTargetValue - holdingsValue;
       if (newDeltaValue > 0) {
@@ -444,7 +444,7 @@ function HousePositionSlider({
     },
     [effectiveAvailableCash, effectivePrice, effectiveTokensHeld, holdingsValue, resetOrder, tokensHeld]
   );
-  const updateOrderFromOwnership = React9__namespace.useCallback(
+  const updateOrderFromOwnership = React5__namespace.useCallback(
     (newOwnershipPercent) => {
       const nextOwnership = clamp(newOwnershipPercent, 0, 100);
       const newTargetTokens = nextOwnership / 100 * totalTokens;
@@ -453,7 +453,7 @@ function HousePositionSlider({
     },
     [effectivePrice, totalTokens, updateOrderFromTargetValue]
   );
-  const updateOrderFromTokenAmount = React9__namespace.useCallback(
+  const updateOrderFromTokenAmount = React5__namespace.useCallback(
     (tokenAmountSigned) => {
       if (tokenAmountSigned > 0) {
         const maxTokens = effectiveAvailableCash / (effectivePrice || 1);
@@ -476,7 +476,7 @@ function HousePositionSlider({
     },
     [effectiveAvailableCash, effectivePrice, effectiveTokensHeld, resetOrder]
   );
-  const updateOrderFromSlider = React9__namespace.useCallback(
+  const updateOrderFromSlider = React5__namespace.useCallback(
     (pct) => {
       const normalized = (pct - 50) / 50;
       const magnitude = Math.min(Math.abs(normalized), 1);
@@ -520,7 +520,7 @@ function HousePositionSlider({
     },
     [effectiveAvailableCash, effectiveTokensHeld, resetOrder]
   );
-  const handleDragAtClientY = React9__namespace.useCallback(
+  const handleDragAtClientY = React5__namespace.useCallback(
     (clientY) => {
       if (!houseRef.current) return;
       const rect = houseRef.current.getBoundingClientRect();
@@ -1036,18 +1036,18 @@ function HousePositionSliderMobile({
   className,
   ...props
 }) {
-  const [orderMode, setOrderMode] = React9__namespace.useState("none");
-  const [deltaDollars, setDeltaDollars] = React9__namespace.useState(0);
-  const [deltaTokensSell, setDeltaTokensSell] = React9__namespace.useState(0);
-  const [deltaTokensBuy, setDeltaTokensBuy] = React9__namespace.useState(0);
-  const [buyTrackingMode, setBuyTrackingMode] = React9__namespace.useState("dollars");
-  const [orderType, setOrderType] = React9__namespace.useState(defaultOrderType);
-  const [limitPrice, setLimitPrice] = React9__namespace.useState(currentPrice);
-  const [limitPriceInput, setLimitPriceInput] = React9__namespace.useState(currentPrice.toFixed(2));
-  const [limitPriceDirty, setLimitPriceDirty] = React9__namespace.useState(false);
-  const [tokenAmountInput, setTokenAmountInput] = React9__namespace.useState("");
-  const houseRef = React9__namespace.useRef(null);
-  React9__namespace.useEffect(() => {
+  const [orderMode, setOrderMode] = React5__namespace.useState("none");
+  const [deltaDollars, setDeltaDollars] = React5__namespace.useState(0);
+  const [deltaTokensSell, setDeltaTokensSell] = React5__namespace.useState(0);
+  const [deltaTokensBuy, setDeltaTokensBuy] = React5__namespace.useState(0);
+  const [buyTrackingMode, setBuyTrackingMode] = React5__namespace.useState("dollars");
+  const [orderType, setOrderType] = React5__namespace.useState(defaultOrderType);
+  const [limitPrice, setLimitPrice] = React5__namespace.useState(currentPrice);
+  const [limitPriceInput, setLimitPriceInput] = React5__namespace.useState(currentPrice.toFixed(2));
+  const [limitPriceDirty, setLimitPriceDirty] = React5__namespace.useState(false);
+  const [tokenAmountInput, setTokenAmountInput] = React5__namespace.useState("");
+  const houseRef = React5__namespace.useRef(null);
+  React5__namespace.useEffect(() => {
     if (orderType !== "limit") return;
     if (limitPriceDirty) return;
     setLimitPrice(currentPrice);
@@ -1089,7 +1089,7 @@ function HousePositionSliderMobile({
   const hasChange = orderMode !== "none" && (Math.abs(deltaTokens) > 1e-3 || Math.abs(deltaValue) > 0.01);
   const targetOwnership = totalTokens > 0 ? targetTokens / totalTokens * 100 : 0;
   const estFeeTokens = effectivePrice > 0 ? Math.abs(deltaValue) * 5e-3 / effectivePrice : 0;
-  const updateOrderFromTargetValue = React9__namespace.useCallback(
+  const updateOrderFromTargetValue = React5__namespace.useCallback(
     (newTargetValue) => {
       const newDeltaValue = newTargetValue - holdingsValue;
       if (newDeltaValue > 0.01) {
@@ -1117,7 +1117,7 @@ function HousePositionSliderMobile({
     },
     [holdingsValue, availableCash, effectivePrice, tokensHeld]
   );
-  const updateOrderFromTokenAmount = React9__namespace.useCallback(
+  const updateOrderFromTokenAmount = React5__namespace.useCallback(
     (tokenAmount) => {
       if (tokenAmount > 0) {
         const maxTokens = effectivePrice > 0 ? availableCash / effectivePrice : 0;
@@ -1144,14 +1144,14 @@ function HousePositionSliderMobile({
     },
     [effectivePrice, availableCash, tokensHeld]
   );
-  const handleMarkerClick = React9__namespace.useCallback(
+  const handleMarkerClick = React5__namespace.useCallback(
     (pct) => {
       const newTargetValue = pct / 100 * totalCapacity;
       updateOrderFromTargetValue(newTargetValue);
     },
     [totalCapacity, updateOrderFromTargetValue]
   );
-  const onMouseDown = React9__namespace.useCallback(
+  const onMouseDown = React5__namespace.useCallback(
     (e) => {
       e.preventDefault();
       const move = (ev) => {
@@ -1171,7 +1171,7 @@ function HousePositionSliderMobile({
     },
     [totalCapacity, updateOrderFromTargetValue]
   );
-  const onTouchStart = React9__namespace.useCallback(
+  const onTouchStart = React5__namespace.useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -1729,7 +1729,7 @@ var LiquidityText = styled24__default.default.span`
     letter-spacing: 0.1px;
   }
 `;
-var LoafLiquidityBadge = React9__namespace.forwardRef(
+var LoafLiquidityBadge = React5__namespace.forwardRef(
   ({ className, isGlowing, onClick, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       LogoContainer,
@@ -1758,7 +1758,7 @@ var LoafLiquidityBadge = React9__namespace.forwardRef(
 );
 LoafLiquidityBadge.displayName = "LoafLiquidityBadge";
 var toSize = (v, fallback) => v == null ? fallback : typeof v === "number" ? `${v}px` : v;
-var Skeleton = React9__namespace.forwardRef(
+var Skeleton = React5__namespace.forwardRef(
   ({ width, height, radius, className, style, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1783,8 +1783,8 @@ var Skeleton = React9__namespace.forwardRef(
 );
 Skeleton.displayName = "Skeleton";
 function useViewportCompact(breakpoint) {
-  const [isCompact, setIsCompact] = React9__namespace.useState(false);
-  React9__namespace.useEffect(() => {
+  const [isCompact, setIsCompact] = React5__namespace.useState(false);
+  React5__namespace.useEffect(() => {
     if (typeof window === "undefined") return;
     const check = () => setIsCompact(window.innerWidth <= breakpoint);
     check();
@@ -1803,8 +1803,8 @@ function getTradeKey(trade, fallbackIndex) {
   return `idx-${fallbackIndex}-${trade.type}-${trade.price}-${trade.amount}`;
 }
 function useAmountChangeFlash(ref, amount, side) {
-  const prevAmountRef = React9__namespace.useRef(amount);
-  React9__namespace.useEffect(() => {
+  const prevAmountRef = React5__namespace.useRef(amount);
+  React5__namespace.useEffect(() => {
     const prev = prevAmountRef.current;
     const node = ref.current;
     if (prev !== amount && node && typeof node.animate === "function") {
@@ -1818,8 +1818,8 @@ function useAmountChangeFlash(ref, amount, side) {
   }, [amount, ref, side]);
 }
 function useMidPriceFlash(ref, midPrice, restBgColor) {
-  const prevMidRef = React9__namespace.useRef(midPrice);
-  React9__namespace.useEffect(() => {
+  const prevMidRef = React5__namespace.useRef(midPrice);
+  React5__namespace.useEffect(() => {
     const prev = prevMidRef.current;
     const node = ref.current;
     if (prev !== midPrice && prev > 0 && midPrice > 0 && node && typeof node.animate === "function") {
@@ -1840,9 +1840,9 @@ function TradeRow({
   seenTradeKeysRef,
   compact
 }) {
-  const rowRef = React9__namespace.useRef(null);
+  const rowRef = React5__namespace.useRef(null);
   const { type } = trade;
-  React9__namespace.useEffect(() => {
+  React5__namespace.useEffect(() => {
     if (seenTradeKeysRef.current.has(tradeKey)) return;
     seenTradeKeysRef.current.add(tradeKey);
     const node = rowRef.current;
@@ -1904,7 +1904,7 @@ function DepthRow({
   hasUserOrder
 }) {
   const isAsk = side === "ask";
-  const rowRef = React9__namespace.useRef(null);
+  const rowRef = React5__namespace.useRef(null);
   useAmountChangeFlash(rowRef, amount, side);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -1951,7 +1951,7 @@ var DEPTH_ROW_HEIGHT_PX = 26;
 var COMPACT_ROWS_VISIBLE = 5;
 var COMPACT_ROW_HEIGHT_PX = 30;
 var COMPACT_BREAKPOINT_PX = 1024;
-var Orderbook = React9__namespace.forwardRef(
+var Orderbook = React5__namespace.forwardRef(
   ({
     asks,
     bids,
@@ -1973,10 +1973,10 @@ var Orderbook = React9__namespace.forwardRef(
     ...props
   }, ref) => {
     const resolvedRightHeader = rightHeader ?? /* @__PURE__ */ jsxRuntime.jsx(LoafLiquidityBadge, { className: "text-[0.6rem]", onClick: onLoafLiquidityClick });
-    const [tab, setTab] = React9__namespace.useState(defaultTab);
-    const [tradeFilter, setTradeFilter] = React9__namespace.useState("all");
+    const [tab, setTab] = React5__namespace.useState(defaultTab);
+    const [tradeFilter, setTradeFilter] = React5__namespace.useState("all");
     const viewportCompact = useViewportCompact(COMPACT_BREAKPOINT_PX);
-    const { userAskPrices, userBidPrices } = React9__namespace.useMemo(() => {
+    const { userAskPrices, userBidPrices } = React5__namespace.useMemo(() => {
       const ask = /* @__PURE__ */ new Set();
       const bid = /* @__PURE__ */ new Set();
       if (!userOrderPrices) return { userAskPrices: ask, userBidPrices: bid };
@@ -1986,15 +1986,15 @@ var Orderbook = React9__namespace.forwardRef(
       }
       return { userAskPrices: ask, userBidPrices: bid };
     }, [userOrderPrices]);
-    const seenTradeKeysRef = React9__namespace.useRef(/* @__PURE__ */ new Set());
-    const initializedRef = React9__namespace.useRef(false);
+    const seenTradeKeysRef = React5__namespace.useRef(/* @__PURE__ */ new Set());
+    const initializedRef = React5__namespace.useRef(false);
     if (!initializedRef.current && trades.length > 0) {
       for (let i = 0; i < trades.length; i++) {
         seenTradeKeysRef.current.add(getTradeKey(trades[i], i));
       }
       initializedRef.current = true;
     }
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       if (!initializedRef.current) return;
       const live = /* @__PURE__ */ new Set();
       for (let i = 0; i < trades.length; i++) {
@@ -2005,7 +2005,7 @@ var Orderbook = React9__namespace.forwardRef(
         if (!live.has(key)) seen.delete(key);
       }
     }, [trades]);
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       setTab(defaultTab);
     }, [defaultTab]);
     const handleTab = (next) => {
@@ -2014,8 +2014,26 @@ var Orderbook = React9__namespace.forwardRef(
     };
     const isCompact = variant === "compact" || variant === "auto" && viewportCompact;
     const sectionHeight = isCompact ? COMPACT_ROWS_VISIBLE * COMPACT_ROW_HEIGHT_PX : LEVEL_ROWS_VISIBLE * DEPTH_ROW_HEIGHT_PX;
-    const maxAskDepth = Math.max(1, ...asks.map((l) => l.depth ?? l.amount));
-    const maxBidDepth = Math.max(1, ...bids.map((l) => l.depth ?? l.amount));
+    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);
+    {
+      let acc = 0;
+      for (let i = askVisibleLevels.length - 1; i >= 0; i--) {
+        acc += askVisibleLevels[i].amount;
+        askCumDepths[i] = acc;
+      }
+    }
+    const bidCumDepths = new Array(bidVisibleLevels.length);
+    {
+      let acc = 0;
+      for (let i = 0; i < bidVisibleLevels.length; i++) {
+        acc += bidVisibleLevels[i].amount;
+        bidCumDepths[i] = acc;
+      }
+    }
+    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 = {
@@ -2031,8 +2049,11 @@ var Orderbook = React9__namespace.forwardRef(
       amountPrecision,
       asks,
       bids,
-      maxAskDepth,
-      maxBidDepth,
+      askVisibleLevels,
+      bidVisibleLevels,
+      askCumDepths,
+      bidCumDepths,
+      combinedMaxCumDepth,
       midPrice,
       midChangePercent,
       midClass,
@@ -2092,10 +2113,11 @@ function DesktopOrderbookLayout({
   tradeFiltered,
   precision,
   amountPrecision,
-  asks,
-  bids,
-  maxAskDepth,
-  maxBidDepth,
+  askVisibleLevels,
+  bidVisibleLevels,
+  askCumDepths,
+  bidCumDepths,
+  combinedMaxCumDepth,
   midPrice,
   midChangePercent,
   midClass,
@@ -2105,7 +2127,7 @@ function DesktopOrderbookLayout({
   isLoading,
   seenTradeKeysRef
 }) {
-  const midRef = React9__namespace.useRef(null);
+  const midRef = React5__namespace.useRef(null);
   useMidPriceFlash(midRef, midPrice, "#0b1a24");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 pt-4", children: [
@@ -2211,13 +2233,13 @@ function DesktopOrderbookLayout({
           {
             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__ */ jsxRuntime.jsx(SkeletonRow, {}, `ask-skel-${i}`)) : asks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No asks" }) : asks.slice(-LEVEL_ROWS_VISIBLE).map((l) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: isLoading ? Array.from({ length: LEVEL_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, {}, `ask-skel-${i}`)) : askVisibleLevels.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
               DepthRow,
               {
                 side: "ask",
                 price: l.price,
                 amount: l.amount,
-                depthPct: (l.depth ?? l.amount) / maxAskDepth * 100,
+                depthPct: askCumDepths[i] / combinedMaxCumDepth * 100,
                 precision,
                 amountPrecision,
                 hasUserOrder: userAskPrices.has(l.price)
@@ -2250,13 +2272,13 @@ function DesktopOrderbookLayout({
           {
             className: "divide-y divide-white/5 overflow-hidden",
             style: { height: `${sectionHeight}px` },
-            children: isLoading ? Array.from({ length: LEVEL_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, {}, `bid-skel-${i}`)) : bids.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center px-3 text-xs text-white/40", children: "No bids" }) : bids.slice(0, LEVEL_ROWS_VISIBLE).map((l) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: isLoading ? Array.from({ length: LEVEL_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, {}, `bid-skel-${i}`)) : bidVisibleLevels.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
               DepthRow,
               {
                 side: "bid",
                 price: l.price,
                 amount: l.amount,
-                depthPct: (l.depth ?? l.amount) / maxBidDepth * 100,
+                depthPct: bidCumDepths[i] / combinedMaxCumDepth * 100,
                 precision,
                 amountPrecision,
                 hasUserOrder: userBidPrices.has(l.price)
@@ -2280,10 +2302,11 @@ function MobileOrderbookLayout({
   tradeFiltered,
   precision,
   amountPrecision,
-  asks,
-  bids,
-  maxAskDepth,
-  maxBidDepth,
+  askVisibleLevels: visibleAsks,
+  bidVisibleLevels: visibleBids,
+  askCumDepths,
+  bidCumDepths,
+  combinedMaxCumDepth,
   midPrice,
   midChangePercent,
   midClass,
@@ -2293,10 +2316,8 @@ function MobileOrderbookLayout({
   isLoading,
   seenTradeKeysRef
 }) {
-  const midRef = React9__namespace.useRef(null);
+  const midRef = React5__namespace.useRef(null);
   useMidPriceFlash(midRef, midPrice, "transparent");
-  const visibleAsks = React9__namespace.useMemo(() => asks.slice(-COMPACT_ROWS_VISIBLE), [asks]);
-  const visibleBids = React9__namespace.useMemo(() => bids.slice(0, COMPACT_ROWS_VISIBLE), [bids]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -2365,13 +2386,13 @@ function MobileOrderbookLayout({
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: isLoading ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, { compact: true }, `m-ask-skel-${i}`)) : visibleAsks.length === 0 ? /* @__PURE__ */ jsxRuntime.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) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: isLoading ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, { compact: true }, `m-ask-skel-${i}`)) : visibleAsks.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
         MobileDepthRow,
         {
           side: "ask",
           price: l.price,
           amount: l.amount,
-          depthPct: (l.depth ?? l.amount) / maxAskDepth * 100,
+          depthPct: askCumDepths[i] / combinedMaxCumDepth * 100,
           precision,
           amountPrecision,
           hasUserOrder: userAskPrices.has(l.price)
@@ -2411,13 +2432,13 @@ function MobileOrderbookLayout({
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: isLoading ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, { compact: true }, `m-bid-skel-${i}`)) : visibleBids.length === 0 ? /* @__PURE__ */ jsxRuntime.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) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: isLoading ? Array.from({ length: COMPACT_ROWS_VISIBLE }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonRow, { compact: true }, `m-bid-skel-${i}`)) : visibleBids.length === 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
         MobileDepthRow,
         {
           side: "bid",
           price: l.price,
           amount: l.amount,
-          depthPct: (l.depth ?? l.amount) / maxBidDepth * 100,
+          depthPct: bidCumDepths[i] / combinedMaxCumDepth * 100,
           precision,
           amountPrecision,
           hasUserOrder: userBidPrices.has(l.price)
@@ -2464,7 +2485,7 @@ function MobileDepthRow({
   hasUserOrder
 }) {
   const isAsk = side === "ask";
-  const rowRef = React9__namespace.useRef(null);
+  const rowRef = React5__namespace.useRef(null);
   useAmountChangeFlash(rowRef, amount, side);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2521,7 +2542,7 @@ function MobileDepthRow({
     }
   );
 }
-var PropertyTour = React9__namespace.forwardRef(
+var PropertyTour = React5__namespace.forwardRef(
   ({
     className,
     title,
@@ -2534,8 +2555,8 @@ var PropertyTour = React9__namespace.forwardRef(
     playsInline = true,
     ...props
   }, ref) => {
-    const videoRef = React9__namespace.useRef(null);
-    React9__namespace.useEffect(() => {
+    const videoRef = React5__namespace.useRef(null);
+    React5__namespace.useEffect(() => {
       const video = videoRef.current;
       if (!video) return;
       const handleFullscreenChange = () => {
@@ -2667,7 +2688,7 @@ var formatTimeAgo = (timestamp) => {
   if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
   return `${Math.floor(diff / 3600)}h ago`;
 };
-var PropertyNewsUpdates = React9__namespace.forwardRef(
+var PropertyNewsUpdates = React5__namespace.forwardRef(
   ({
     className,
     heading,
@@ -2684,15 +2705,15 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
     const isPurchaseVariant = variant === "purchases";
     const isHomeVariant = variant === "home";
     const resolvedHeading = heading ?? (isPurchaseVariant ? "Live Purchases" : "Property News & Headlines");
-    const [homeTab, setHomeTab] = React9__namespace.useState("all");
+    const [homeTab, setHomeTab] = React5__namespace.useState("all");
     const purchaseItems = purchasesProp ?? [];
-    const [page, setPage] = React9__namespace.useState(0);
-    React9__namespace.useEffect(() => {
+    const [page, setPage] = React5__namespace.useState(0);
+    React5__namespace.useEffect(() => {
       ensureAnimationsInjected();
     }, []);
     const hasItems = Array.isArray(items) && items.length > 0;
-    const totalPages = React9__namespace.useMemo(() => hasItems ? Math.max(1, Math.ceil(items.length / ITEMS_PER_PAGE)) : 1, [hasItems, items.length]);
-    React9__namespace.useEffect(() => {
+    const totalPages = React5__namespace.useMemo(() => hasItems ? Math.max(1, Math.ceil(items.length / ITEMS_PER_PAGE)) : 1, [hasItems, items.length]);
+    React5__namespace.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) : [];
@@ -3000,7 +3021,7 @@ var defaultFormat = (value) => new Intl.NumberFormat("en-US", {
   notation: value >= 1e5 ? "compact" : "standard",
   maximumFractionDigits: value >= 1e3 ? 0 : 2
 }).format(value);
-var TradingSlider = React9__namespace.forwardRef(
+var TradingSlider = React5__namespace.forwardRef(
   ({
     label = "Trade size",
     helperText = "Drag to pick the desired notional.",
@@ -3018,7 +3039,7 @@ var TradingSlider = React9__namespace.forwardRef(
     ...rest
   }, ref) => {
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React9__namespace.useState(
+    const [internalValue, setInternalValue] = React5__namespace.useState(
       defaultValue ?? (typeof min === "number" ? min : 0)
     );
     const currentValue = isControlled ? Number(value) : internalValue;
@@ -3121,7 +3142,7 @@ var MobileToggleButton = styled24__default.default.button`
     padding: 0.6rem 0.5rem;
   }
 `;
-var MobileTradeNav = React9__namespace.forwardRef(
+var MobileTradeNav = React5__namespace.forwardRef(
   ({ className, items, activeId, onChange, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(MobileToggleContainer, { ref, className: cn(className), ...props, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
       MobileToggleButton,
@@ -3772,7 +3793,7 @@ var formatPercent = (value, fractionDigits = 2) => {
   if (value == null || Number.isNaN(value)) return "\u2014";
   return `${value.toFixed(fractionDigits)}%`;
 };
-var YourOrders = React9__namespace.forwardRef(
+var YourOrders = React5__namespace.forwardRef(
   ({
     className,
     title,
@@ -3785,10 +3806,10 @@ var YourOrders = React9__namespace.forwardRef(
     pageSize: pageSizeOverride,
     ...props
   }, ref) => {
-    const [internalActiveTab, setInternalActiveTab] = React9__namespace.useState(tabs?.[0]?.id ?? "portfolio");
-    const [page, setPage] = React9__namespace.useState(0);
+    const [internalActiveTab, setInternalActiveTab] = React5__namespace.useState(tabs?.[0]?.id ?? "portfolio");
+    const [page, setPage] = React5__namespace.useState(0);
     const effectiveActiveTabId = activeTabId ?? internalActiveTab;
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       setPage(0);
     }, [effectiveActiveTabId]);
     const handleTabChange = (tabId) => {
@@ -4170,7 +4191,7 @@ function createCandlestickSeries(chart, options) {
   }
   throw new Error("Candlestick series API is not available in the current lightweight-charts version.");
 }
-var PriceChart = React9__namespace.forwardRef(
+var PriceChart = React5__namespace.forwardRef(
   ({
     className,
     title = "Price Chart",
@@ -4184,18 +4205,18 @@ var PriceChart = React9__namespace.forwardRef(
     height = 301.52,
     ...props
   }, ref) => {
-    const containerRef = React9__namespace.useRef(null);
-    const chartRef = React9__namespace.useRef(null);
-    const seriesRef = React9__namespace.useRef(null);
-    const priceLineRef = React9__namespace.useRef(null);
-    const [hoveredRange, setHoveredRange] = React9__namespace.useState(null);
-    const [dropdownOpen, setDropdownOpen] = React9__namespace.useState(false);
-    const dropdownRef = React9__namespace.useRef(null);
-    const isAutoScrollRef = React9__namespace.useRef(true);
+    const containerRef = React5__namespace.useRef(null);
+    const chartRef = React5__namespace.useRef(null);
+    const seriesRef = React5__namespace.useRef(null);
+    const priceLineRef = React5__namespace.useRef(null);
+    const [hoveredRange, setHoveredRange] = React5__namespace.useState(null);
+    const [dropdownOpen, setDropdownOpen] = React5__namespace.useState(false);
+    const dropdownRef = React5__namespace.useRef(null);
+    const isAutoScrollRef = React5__namespace.useRef(true);
     const visibleRanges = ranges.slice(0, VISIBLE_RANGE_COUNT);
     const dropdownRanges = ranges.slice(VISIBLE_RANGE_COUNT);
     const selectedInDropdown = dropdownRanges.includes(selectedRange);
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       const handleClickOutside = (e) => {
         if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
           setDropdownOpen(false);
@@ -4204,25 +4225,25 @@ var PriceChart = React9__namespace.forwardRef(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, []);
-    const resolvedPrice = React9__namespace.useMemo(() => {
+    const resolvedPrice = React5__namespace.useMemo(() => {
       if (price != null) return price;
       const last = data.at(-1);
       return last?.close;
     }, [data, price]);
-    const inferredChangePercent = React9__namespace.useMemo(() => {
+    const inferredChangePercent = React5__namespace.useMemo(() => {
       if (changePercent != null) return changePercent;
       const first = data[0]?.open;
       const last = data.at(-1)?.close;
       if (first == null || last == null || first === 0) return void 0;
       return (last - first) / first * 100;
     }, [changePercent, data]);
-    const dollarChange = React9__namespace.useMemo(() => {
+    const dollarChange = React5__namespace.useMemo(() => {
       const first = data[0]?.open;
       const last = data.at(-1)?.close;
       if (first == null || last == null) return void 0;
       return last - first;
     }, [data]);
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       const el = containerRef.current;
       if (!el) return;
       const chart = LightweightCharts__namespace.createChart(el, {
@@ -4267,7 +4288,7 @@ var PriceChart = React9__namespace.forwardRef(
         chart.remove();
       };
     }, []);
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       const chart = chartRef.current;
       if (!chart) return;
       const effectiveRange = selectedRange ?? ranges?.[0] ?? "1D";
@@ -4275,7 +4296,7 @@ var PriceChart = React9__namespace.forwardRef(
         timeScale: getTimeScaleOptions(effectiveRange)
       });
     }, [selectedRange, ranges]);
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       const chart = chartRef.current;
       const series = seriesRef.current;
       if (!chart || !series) return;
@@ -4480,7 +4501,7 @@ var formatPrice3 = (value, currencySymbol) => {
     maximumFractionDigits: 3
   })}`;
 };
-var PropertyHeroHeader = React9__namespace.forwardRef(
+var PropertyHeroHeader = React5__namespace.forwardRef(
   ({
     className,
     imageUrl,
@@ -4507,8 +4528,8 @@ var PropertyHeroHeader = React9__namespace.forwardRef(
     const isPositive = changePercent == null ? void 0 : changePercent >= 0;
     const accentColor = "#e6c87e";
     const tradeHoverColor = "#f5dd9a";
-    const [isTradeInteracting, setIsTradeInteracting] = React9__namespace.useState(false);
-    const [isOfferInteracting, setIsOfferInteracting] = React9__namespace.useState(false);
+    const [isTradeInteracting, setIsTradeInteracting] = React5__namespace.useState(false);
+    const [isOfferInteracting, setIsOfferInteracting] = React5__namespace.useState(false);
     const hasAmenities = isLoading || beds != null || baths != null || cars != null || propertyTypeLabel != null;
     const isTradeDisabled = !onTrade;
     const isMakeOfferButtonDisabled = makeOfferDisabled || !onMakeOffer;
@@ -4734,7 +4755,7 @@ var HeroContainer = styled24__default.default.div`
   right: 50%;
   margin-left: calc(-50vw + 0.75rem);
   margin-right: calc(-50vw + 0.75rem);
-  margin-top: -5rem;
+  margin-top: 0;
   height: 600px;
   border-radius: 12px;
   overflow: hidden;
@@ -4954,12 +4975,12 @@ var Header = ({
   onWalletNavigate: _onWalletNavigate,
   showTradeTab = true
 }) => {
-  const [isUserMenuOpen, setIsUserMenuOpen] = React9.useState(false);
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = React9.useState(false);
-  const [isMoreMenuOpen, setIsMoreMenuOpen] = React9.useState(false);
-  const [showLoginPopup, setShowLoginPopup] = React9.useState(false);
-  const [loginPopupInitialView, setLoginPopupInitialView] = React9.useState(void 0);
-  React9.useEffect(() => {
+  const [isUserMenuOpen, setIsUserMenuOpen] = React5.useState(false);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React5.useState(false);
+  const [isMoreMenuOpen, setIsMoreMenuOpen] = React5.useState(false);
+  const [showLoginPopup, setShowLoginPopup] = React5.useState(false);
+  const [loginPopupInitialView, setLoginPopupInitialView] = React5.useState(void 0);
+  React5.useEffect(() => {
     if (typeof window === "undefined") return;
     const ua = navigator.userAgent;
     const isTelegram = /Telegram/i.test(ua);
@@ -4968,7 +4989,7 @@ var Header = ({
       document.documentElement.style.setProperty("--telegram-safe-top", "59px");
     }
   }, []);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -4988,7 +5009,7 @@ var Header = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isUserMenuOpen, isMobileMenuOpen, isMoreMenuOpen]);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (typeof window === "undefined") return;
     const handleExternalLoginPopup = (event) => {
       const customEvent = event;
@@ -5118,7 +5139,7 @@ var Header = ({
       setShowLoginPopup(true);
     }
   };
-  const handleLoginPopupClose = React9__namespace.default.useCallback(() => {
+  const handleLoginPopupClose = React5__namespace.default.useCallback(() => {
     setShowLoginPopup(false);
     setLoginPopupInitialView(void 0);
   }, []);
@@ -5834,10 +5855,10 @@ var MobileNavItem = styled24__default.default.div`
     padding-left: 24px;
   }
 `;
-var PropertySubheader = React9__namespace.forwardRef(
+var PropertySubheader = React5__namespace.forwardRef(
   ({ className, tabs, activeTabId, onTabChange, actions, ...props }, ref) => {
-    const tabsContainerRef = React9__namespace.useRef(null);
-    React9__namespace.useEffect(() => {
+    const tabsContainerRef = React5__namespace.useRef(null);
+    React5__namespace.useEffect(() => {
       const container = tabsContainerRef.current;
       if (!container) return;
       const isMobile = window.innerWidth <= 768;
@@ -5979,27 +6000,27 @@ var LoginPopup = ({
   onFundWallet,
   initialView
 }) => {
-  const [view, setView] = React9.useState(() => initialView ?? "main");
-  const [email, setEmail] = React9.useState("");
-  const [handle, setHandle] = React9.useState("");
-  const [otp, setOtp] = React9.useState(Array(OTP_INPUT_LENGTH).fill(""));
-  const [error, setError] = React9.useState("");
-  const [loading, setLoading] = React9.useState(false);
-  const [isSignUp, setIsSignUp] = React9.useState(false);
-  const [fundingAmount] = React9.useState("");
-  const [kycLoading, setKycLoading] = React9.useState(false);
-  const [showKycWidget, setShowKycWidget] = React9.useState(false);
-  const [cryptoFundingLoading, setCryptoFundingLoading] = React9.useState(false);
-  const [fiatFundingLoading, setFiatFundingLoading] = React9.useState(false);
-  const [fundingError, setFundingError] = React9.useState("");
-  const [transakWidgetUrl, setTransakWidgetUrl] = React9.useState(null);
-  const suppressAutoCloseRef = React9__namespace.default.useRef(false);
-  React9.useEffect(() => {
+  const [view, setView] = React5.useState(() => initialView ?? "main");
+  const [email, setEmail] = React5.useState("");
+  const [handle, setHandle] = React5.useState("");
+  const [otp, setOtp] = React5.useState(Array(OTP_INPUT_LENGTH).fill(""));
+  const [error, setError] = React5.useState("");
+  const [loading, setLoading] = React5.useState(false);
+  const [isSignUp, setIsSignUp] = React5.useState(false);
+  const [fundingAmount] = React5.useState("");
+  const [kycLoading, setKycLoading] = React5.useState(false);
+  const [showKycWidget, setShowKycWidget] = React5.useState(false);
+  const [cryptoFundingLoading, setCryptoFundingLoading] = React5.useState(false);
+  const [fiatFundingLoading, setFiatFundingLoading] = React5.useState(false);
+  const [fundingError, setFundingError] = React5.useState("");
+  const [transakWidgetUrl, setTransakWidgetUrl] = React5.useState(null);
+  const suppressAutoCloseRef = React5__namespace.default.useRef(false);
+  React5.useEffect(() => {
     if (typeof initialView === "string") {
       setView(initialView);
     }
   }, [initialView]);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (!transakWidgetUrl) return;
     const handleTransakMessage = (event) => {
       if (!event.origin.includes("transak.com") && !event.origin.includes("global.transak.com")) {
@@ -6024,7 +6045,7 @@ var LoginPopup = ({
     window.addEventListener("message", handleTransakMessage);
     return () => window.removeEventListener("message", handleTransakMessage);
   }, [transakWidgetUrl, onClose]);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (!autoCloseOnAuth) {
       return;
     }
@@ -6245,13 +6266,12 @@ var LoginPopup = ({
     }
     setFundingError("");
     setCryptoFundingLoading(true);
+    const fundPromise = onFundWallet({ amount: fundingAmount, mode: "crypto" });
+    onClose();
     try {
-      const result = await onFundWallet({ amount: fundingAmount, mode: "crypto" });
-      if (result?.funded) {
-        onClose();
-      }
+      await fundPromise;
     } catch (err) {
-      setFundingError(err instanceof Error ? err.message : "Unable to launch funding. Please try again.");
+      console.error("[LoginPopup] crypto fund flow failed", err);
     } finally {
       setCryptoFundingLoading(false);
     }
@@ -6996,8 +7016,8 @@ var TransakIframe = styled24__default.default.iframe`
   border-radius: var(--border-radius, 12px);
 `;
 var MiniLiveFeed = () => {
-  const [purchases, setPurchases] = React9.useState([]);
-  React9.useEffect(() => {
+  const [purchases, setPurchases] = React5.useState([]);
+  React5.useEffect(() => {
     const handles = [
       "Landlord",
       "PropertyKing",
@@ -7173,7 +7193,7 @@ var MiniLiveFeed = () => {
   );
 };
 LoginPopup.displayName = "LoginPopup";
-var PropertyCompareBar = React9__namespace.forwardRef(
+var PropertyCompareBar = React5__namespace.forwardRef(
   ({
     className,
     addresses,
@@ -7184,7 +7204,7 @@ var PropertyCompareBar = React9__namespace.forwardRef(
     price,
     ...props
   }, ref) => {
-    const normalizedAddresses = React9__namespace.useMemo(() => {
+    const normalizedAddresses = React5__namespace.useMemo(() => {
       return addresses.map(
         (option) => typeof option === "string" ? { id: option, label: option } : option
       );
@@ -7192,11 +7212,11 @@ var PropertyCompareBar = React9__namespace.forwardRef(
     const hasAddresses = normalizedAddresses.length > 0;
     const firstAddressId = normalizedAddresses[0]?.id;
     const isControlled = selectedAddressId !== void 0;
-    const [internalSelectedId, setInternalSelectedId] = React9__namespace.useState(
+    const [internalSelectedId, setInternalSelectedId] = React5__namespace.useState(
       () => isControlled ? void 0 : firstAddressId
     );
     const resolvedSelectedId = isControlled ? selectedAddressId : internalSelectedId;
-    React9__namespace.useEffect(() => {
+    React5__namespace.useEffect(() => {
       if (!isControlled) {
         setInternalSelectedId((current) => {
           if (current != null && normalizedAddresses.some((option) => option.id === current)) {
@@ -7207,9 +7227,9 @@ var PropertyCompareBar = React9__namespace.forwardRef(
       }
     }, [firstAddressId, isControlled, normalizedAddresses]);
     const selectedOption = normalizedAddresses.find((option) => option.id === resolvedSelectedId) ?? normalizedAddresses[0];
-    const [isDropdownOpen, setIsDropdownOpen] = React9__namespace.useState(false);
-    const dropdownRef = React9__namespace.useRef(null);
-    React9__namespace.useEffect(() => {
+    const [isDropdownOpen, setIsDropdownOpen] = React5__namespace.useState(false);
+    const dropdownRef = React5__namespace.useRef(null);
+    React5__namespace.useEffect(() => {
       if (!isDropdownOpen) return;
       const handleClick = (event) => {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -7612,11 +7632,11 @@ function GalleryMapSection({
   autoPlay = true,
   autoPlayInterval = 4e3
 }) {
-  const [carouselIndex, setCarouselIndex] = React9.useState(0);
-  const [showVideo, setShowVideo] = React9.useState(false);
-  const [autoPlaying, setAutoPlaying] = React9.useState(autoPlay);
+  const [carouselIndex, setCarouselIndex] = React5.useState(0);
+  const [showVideo, setShowVideo] = React5.useState(false);
+  const [autoPlaying, setAutoPlaying] = React5.useState(autoPlay);
   const resolvedMapUrl = mapUrl ?? (tokenName ? `/map/${tokenName}?embed=true&zoom=14&hideOthers=true` : "about:blank");
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (!autoPlaying || images.length <= 1) return;
     const interval = setInterval(() => {
       setCarouselIndex((p) => (p + 1) % images.length);
@@ -7935,7 +7955,7 @@ function PropertyOverview({
   tokensIssued: tokensIssuedProp,
   isLoading = false
 }) {
-  const [isDescExpanded, setDescExpanded] = React9.useState(false);
+  const [isDescExpanded, setDescExpanded] = React5.useState(false);
   const description = descriptionProp ?? overviewData?.description ?? DEFAULT_DESCRIPTION;
   const landSize = landProp ?? overviewData?.landSizeSqm ?? null;
   const buildingSize = buildingProp ?? overviewData?.buildingSizeSqm ?? null;
@@ -8282,8 +8302,8 @@ var OfferPricePulse = styled24__default.default.span`
 `;
 var eventTypes = ["Leased", "Renovated", "Extended", "Rebuilt", "Rezoned", "DA Approval"];
 function PropertyHistory() {
-  const [historyFilter, setHistoryFilter] = React9.useState("all");
-  const pastSales = React9.useMemo(() => generateMockPastSales(), []);
+  const [historyFilter, setHistoryFilter] = React5.useState("all");
+  const pastSales = React5.useMemo(() => generateMockPastSales(), []);
   const loafListing = pastSales.find((sale) => sale.type === "Listed");
   const loafEvents = pastSales.filter(
     (sale) => sale.ownershipPeriod === "current" && sale.type !== "Listed" && (sale.id === "leased-current" || sale.id === "da-approval")
@@ -8420,7 +8440,7 @@ function PropertyHistory() {
   ] });
 }
 function EventDetails({ event }) {
-  const [expanded, setExpanded] = React9.useState(false);
+  const [expanded, setExpanded] = React5.useState(false);
   const toggleExpand = () => {
     setExpanded((prev) => !prev);
   };
@@ -9208,7 +9228,7 @@ function AssetSelectorBar({
   selectorItems,
   onSelect
 }) {
-  const [isDropdownOpen, setIsDropdownOpen] = React9.useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = React5.useState(false);
   const hasItems = selectorItems && selectorItems.length > 0;
   const metrics = metricsProp ?? [
     ...tokenPrice != null ? [{ label: "Unit Price", value: `$${tokenPrice.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`, accent: true }] : [],
@@ -9477,15 +9497,15 @@ function OfferingProgressCard({
   targetAmount,
   isPrivateClient = false
 }) {
-  const [currentTime, setCurrentTime] = React9.useState(/* @__PURE__ */ new Date());
-  const [countdown, setCountdown] = React9.useState(null);
+  const [currentTime, setCurrentTime] = React5.useState(/* @__PURE__ */ new Date());
+  const [countdown, setCountdown] = React5.useState(null);
   const computedRaised = raisedAmount ?? totalSold * tokenPrice;
   const computedTarget = targetAmount ?? supplyToSell * tokenPrice;
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     const timer = setInterval(() => setCurrentTime(/* @__PURE__ */ new Date()), 1e3);
     return () => clearInterval(timer);
   }, []);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (!opensAt) {
       setCountdown(null);
       return;
@@ -9828,7 +9848,7 @@ function VideoActivitySection({
   ordersAllocated = 0,
   tokenPrice = 0
 }) {
-  const sortedOrders = React9.useMemo(
+  const sortedOrders = React5.useMemo(
     () => [...recentOrders].sort((a, b) => b.timestamp - a.timestamp).slice(0, 7),
     [recentOrders]
   );
@@ -10174,10 +10194,10 @@ function OrderPanel({
   tokenDisplayName,
   tokenSymbol
 }) {
-  const [payInputValue, setPayInputValue] = React9.useState("");
-  const [receiveInputValue, setReceiveInputValue] = React9.useState("");
-  const [isPayInputFocused, setIsPayInputFocused] = React9.useState(false);
-  const [isReceiveInputFocused, setIsReceiveInputFocused] = React9.useState(false);
+  const [payInputValue, setPayInputValue] = React5.useState("");
+  const [receiveInputValue, setReceiveInputValue] = React5.useState("");
+  const [isPayInputFocused, setIsPayInputFocused] = React5.useState(false);
+  const [isReceiveInputFocused, setIsReceiveInputFocused] = React5.useState(false);
   const handlePayBlur = () => {
     setIsPayInputFocused(false);
     const parsed = parseInt(payInputValue.replace(/[^0-9]/g, ""), 10) || 0;
@@ -11023,9 +11043,9 @@ function PortfolioActivityPanel({
   style
 }) {
   const resolvedDefaultTab = defaultTab ?? (showPositionsTab ? "positions" : "subscriptions");
-  const [activeTab, setActiveTab] = React9.useState(resolvedDefaultTab);
-  const [activityPage, setActivityPage] = React9.useState(0);
-  const activeTabTotal = React9.useMemo(() => {
+  const [activeTab, setActiveTab] = React5.useState(resolvedDefaultTab);
+  const [activityPage, setActivityPage] = React5.useState(0);
+  const activeTabTotal = React5.useMemo(() => {
     switch (activeTab) {
       case "positions":
         return positions.length;
@@ -11044,15 +11064,15 @@ function PortfolioActivityPanel({
     }
   }, [activeTab, positions.length, offeringOrders.length, openOrders.length, orderHistory.length, tradeHistory.length, transfers.length]);
   const positionsCount = positions.length;
-  const openOrdersCount = React9.useMemo(
+  const openOrdersCount = React5.useMemo(
     () => openOrders.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
     [openOrders]
   );
-  const pendingHistoryCount = React9.useMemo(
+  const pendingHistoryCount = React5.useMemo(
     () => orderHistory.filter((o) => o.status === "OPEN" || o.status === "PARTIALLY_FILLED").length,
     [orderHistory]
   );
-  const pendingOfferingsCount = React9.useMemo(
+  const pendingOfferingsCount = React5.useMemo(
     () => offeringOrders.filter((o) => {
       const s = o.status.toUpperCase();
       return s !== "FILLED" && s !== "ALLOCATED" && s !== "CONFIRMED" && s !== "CANCELLED" && s !== "CANCELED" && s !== "REJECTED";
@@ -12086,19 +12106,19 @@ function PropertyBuy({
   onSelectorSelect,
   portfolioActivity
 }) {
-  const [sliderValue, setSliderValue] = React9.useState(0);
-  const [availableBalance, setAvailableBalance] = React9.useState(walletUsdcBalance ?? 0);
-  const [manualOrderAmount, setManualOrderAmount] = React9.useState(null);
-  const [ownedTokens, setOwnedTokens] = React9.useState(0);
-  const [displayedOwnedTokens, setDisplayedOwnedTokens] = React9.useState(0);
-  const [ownedTokensJustUpdated, setOwnedTokensJustUpdated] = React9.useState(false);
-  const [lastOrderQuantity, setLastOrderQuantity] = React9.useState(0);
-  const [orderPendingAllocation, setOrderPendingAllocation] = React9.useState(false);
-  const [orderPlacedSuccess, setOrderPlacedSuccess] = React9.useState(false);
-  const [lastOrderDetails, setLastOrderDetails] = React9.useState(null);
-  const [showOrderConfirmModal, setShowOrderConfirmModal] = React9.useState(false);
-  const [, setLiveNewsIndex] = React9.useState(0);
-  const [newsItems, setNewsItems] = React9.useState(
+  const [sliderValue, setSliderValue] = React5.useState(0);
+  const [availableBalance, setAvailableBalance] = React5.useState(walletUsdcBalance ?? 0);
+  const [manualOrderAmount, setManualOrderAmount] = React5.useState(null);
+  const [ownedTokens, setOwnedTokens] = React5.useState(0);
+  const [displayedOwnedTokens, setDisplayedOwnedTokens] = React5.useState(0);
+  const [ownedTokensJustUpdated, setOwnedTokensJustUpdated] = React5.useState(false);
+  const [lastOrderQuantity, setLastOrderQuantity] = React5.useState(0);
+  const [orderPendingAllocation, setOrderPendingAllocation] = React5.useState(false);
+  const [orderPlacedSuccess, setOrderPlacedSuccess] = React5.useState(false);
+  const [lastOrderDetails, setLastOrderDetails] = React5.useState(null);
+  const [showOrderConfirmModal, setShowOrderConfirmModal] = React5.useState(false);
+  const [, setLiveNewsIndex] = React5.useState(0);
+  const [newsItems, setNewsItems] = React5.useState(
     () => allNewsItems.slice(0, 4).map((item, index) => ({
       ...item,
       displayId: `${item.id}-initial-${index}`,
@@ -12125,12 +12145,12 @@ function PropertyBuy({
   const orderTotal = tokenQuantity * tokenPrice + feeInUsd;
   const estExposure = (tokenQuantity / supplyToSell * 100).toFixed(4);
   const hasInsufficientFunds = orderTotal > availableBalance;
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (walletUsdcBalance != null) {
       setAvailableBalance(walletUsdcBalance);
     }
   }, [walletUsdcBalance]);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (walletPropertyTokenBalance != null) {
       setOwnedTokens(walletPropertyTokenBalance);
       setDisplayedOwnedTokens(walletPropertyTokenBalance);
@@ -12142,13 +12162,13 @@ function PropertyBuy({
     }
     setShowOrderConfirmModal(true);
   };
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (purchaseStatus === "success" && orderPendingAllocation) {
       setOrderPendingAllocation(false);
       setOrderPlacedSuccess(true);
     }
   }, [purchaseStatus, orderPendingAllocation]);
-  const handlePlaceAnotherOrder = React9.useCallback(() => {
+  const handlePlaceAnotherOrder = React5.useCallback(() => {
     setOrderPlacedSuccess(false);
     setOrderPendingAllocation(false);
   }, []);
@@ -12205,7 +12225,7 @@ function PropertyBuy({
     setSliderValue(0);
     setManualOrderAmount(null);
   };
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     const newsInterval = setInterval(() => {
       setLiveNewsIndex((prev) => {
         const nextIndex = (prev + 1) % allNewsItems.length;
@@ -12503,7 +12523,7 @@ function PaymentPopup({
   userTokenHoldings,
   propertyName
 }) {
-  const [selectedPaymentMethod, setSelectedPaymentMethod] = React9.useState(
+  const [selectedPaymentMethod, setSelectedPaymentMethod] = React5.useState(
     "tokens"
   );
   if (!isOpen) return null;
@@ -12682,20 +12702,20 @@ function PaymentPopup({
 var payment_popup_default = PaymentPopup;
 var SUMMER_MONTHS = /* @__PURE__ */ new Set([11, 0, 1]);
 var OwnerBooking = ({ propertyName, token }) => {
-  const today = React9.useMemo(() => {
+  const today = React5.useMemo(() => {
     const base = /* @__PURE__ */ new Date();
     base.setHours(0, 0, 0, 0);
     return base;
   }, []);
-  const [currentYear, setCurrentYear] = React9.useState(today.getFullYear());
-  const [currentMonth, setCurrentMonth] = React9.useState(today.getMonth());
-  const [dateRanges, setDateRanges] = React9.useState([]);
-  const [selectedDates, setSelectedDates] = React9.useState([]);
-  const [hoverDate, setHoverDate] = React9.useState(null);
-  const [isDateSelectorOpen, setIsDateSelectorOpen] = React9.useState(false);
-  const [selectorYear, setSelectorYear] = React9.useState(today.getFullYear());
-  const [isPaymentPopupOpen, setIsPaymentPopupOpen] = React9.useState(false);
-  const dateSelectorRef = React9.useRef(null);
+  const [currentYear, setCurrentYear] = React5.useState(today.getFullYear());
+  const [currentMonth, setCurrentMonth] = React5.useState(today.getMonth());
+  const [dateRanges, setDateRanges] = React5.useState([]);
+  const [selectedDates, setSelectedDates] = React5.useState([]);
+  const [hoverDate, setHoverDate] = React5.useState(null);
+  const [isDateSelectorOpen, setIsDateSelectorOpen] = React5.useState(false);
+  const [selectorYear, setSelectorYear] = React5.useState(today.getFullYear());
+  const [isPaymentPopupOpen, setIsPaymentPopupOpen] = React5.useState(false);
+  const dateSelectorRef = React5.useRef(null);
   const tokenPrice = token.price ?? 700;
   const userTokenHoldings = 2.2;
   const MIN_NIGHTS = 3;
@@ -12705,25 +12725,25 @@ var OwnerBooking = ({ propertyName, token }) => {
     { bg: "rgba(230, 126, 34, 0.25)", border: "rgba(230, 126, 34, 0.6)" },
     { bg: "rgba(46, 204, 113, 0.25)", border: "rgba(46, 204, 113, 0.6)" }
   ];
-  const calculateTokensPerDayOwner = React9.useCallback(() => {
+  const calculateTokensPerDayOwner = React5.useCallback(() => {
     if (tokenPrice <= 0) return 0;
     const target = 650;
     const raw = target / tokenPrice;
     return Math.ceil(raw * 1e4) / 1e4;
   }, [tokenPrice]);
-  const calculateTokensPerDayMarket = React9.useCallback(() => {
+  const calculateTokensPerDayMarket = React5.useCallback(() => {
     if (tokenPrice <= 0) return 0;
     const target = 900;
     const raw = target / tokenPrice;
     return Math.ceil(raw * 1e4) / 1e4;
   }, [tokenPrice]);
   const qualifiesForOwnerRate = userTokenHoldings >= 0.1;
-  const getTokensPerDay = React9.useCallback(
+  const getTokensPerDay = React5.useCallback(
     () => calculateTokensPerDayOwner() ,
     [qualifiesForOwnerRate, calculateTokensPerDayOwner, calculateTokensPerDayMarket]
   );
   const getRateLabel = () => "Owner's Rate" ;
-  const selectionStats = React9.useMemo(() => {
+  const selectionStats = React5.useMemo(() => {
     if (selectedDates.length !== 2) return null;
     const [a, b] = selectedDates;
     const start = a < b ? a : b;
@@ -12734,10 +12754,10 @@ var OwnerBooking = ({ propertyName, token }) => {
     const usd = tokens * tokenPrice;
     return { nights, tokensPerDay, tokens, usd, start, end };
   }, [selectedDates, getTokensPerDay, tokenPrice]);
-  const totalNights = React9.useMemo(() => dateRanges.reduce((sum, r) => sum + r.nights, 0), [dateRanges]);
-  const totalTokens = React9.useMemo(() => dateRanges.reduce((sum, r) => sum + r.tokens, 0), [dateRanges]);
+  const totalNights = React5.useMemo(() => dateRanges.reduce((sum, r) => sum + r.nights, 0), [dateRanges]);
+  const totalTokens = React5.useMemo(() => dateRanges.reduce((sum, r) => sum + r.tokens, 0), [dateRanges]);
   const totalUSD = totalTokens * tokenPrice;
-  const generateCalendarDays = React9.useCallback(
+  const generateCalendarDays = React5.useCallback(
     (year, month) => {
       const first = new Date(year, month, 1);
       const last = new Date(year, month + 1, 0);
@@ -12766,11 +12786,11 @@ var OwnerBooking = ({ propertyName, token }) => {
     },
     [today]
   );
-  const calendarDays = React9.useMemo(
+  const calendarDays = React5.useMemo(
     () => generateCalendarDays(currentYear, currentMonth),
     [currentYear, currentMonth, generateCalendarDays]
   );
-  const isDateReserved = React9.useCallback(
+  const isDateReserved = React5.useCallback(
     (date) => dateRanges.some((r) => date >= r.arrival && date <= r.departure),
     [dateRanges]
   );
@@ -12864,14 +12884,14 @@ var OwnerBooking = ({ propertyName, token }) => {
     "December"
   ];
   const dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-  const setMonthYear = React9.useCallback(
+  const setMonthYear = React5.useCallback(
     (month, year) => {
       setCurrentMonth(month);
       setCurrentYear(year);
     },
     [setCurrentMonth, setCurrentYear]
   );
-  const shiftMonth = React9.useCallback(
+  const shiftMonth = React5.useCallback(
     (direction) => {
       const delta = direction === "prev" ? -1 : 1;
       let newMonth = currentMonth + delta;
@@ -12888,7 +12908,7 @@ var OwnerBooking = ({ propertyName, token }) => {
     },
     [currentMonth, currentYear, setMonthYear]
   );
-  const jumpToNextAvailable = React9.useCallback(() => {
+  const jumpToNextAvailable = React5.useCallback(() => {
     for (let offset = 1; offset <= 12; offset++) {
       const candidateMonth = (currentMonth + offset) % 12;
       if (!SUMMER_MONTHS.has(candidateMonth)) continue;
@@ -12905,7 +12925,7 @@ var OwnerBooking = ({ propertyName, token }) => {
     setMonthYear(month, selectorYear);
     setIsDateSelectorOpen(false);
   };
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dateSelectorRef.current && !dateSelectorRef.current.contains(event.target)) {
         setIsDateSelectorOpen(false);
@@ -13349,21 +13369,21 @@ function PropertyValuation({
   loading = false,
   error = null
 }) {
-  const now = React9.useMemo(() => /* @__PURE__ */ new Date(), []);
-  const lastPrice = React9.useMemo(() => {
+  const now = React5.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const lastPrice = React5.useMemo(() => {
     const fallback = Number.isFinite(tokenPrice) && tokenPrice > 0 ? tokenPrice : 0;
     if (!summary?.lastPrice || summary.lastPrice <= 0) {
       return fallback;
     }
     return summary.lastPrice;
   }, [summary, tokenPrice]);
-  const fairValue = React9.useMemo(() => {
+  const fairValue = React5.useMemo(() => {
     if (summary?.fairValue && summary.fairValue > 0) {
       return summary.fairValue;
     }
     return lastPrice || 1;
   }, [summary, lastPrice]);
-  const tokensOutstanding = React9.useMemo(() => {
+  const tokensOutstanding = React5.useMemo(() => {
     if (summary?.totalTokens && summary.totalTokens > 0) {
       return summary.totalTokens;
     }
@@ -13378,8 +13398,8 @@ function PropertyValuation({
   const valuationStatus = summary?.valuationStatus ?? (lastPrice < fairValue ? "Undervalued" : lastPrice > fairValue ? "Overvalued" : "Fair Value");
   const valuationDelta = summary?.valuationDeltaPercent ?? (lastPrice - fairValue) / fairValue * 100;
   const valuationDeltaFormatted = `${valuationDelta >= 0 ? "+" : ""}${valuationDelta.toFixed(1)}%`;
-  const { valuationPath, fairValuePath, axisLabels } = React9.useMemo(() => buildChartPaths(history, fairValue), [history, fairValue]);
-  const recentSales = React9.useMemo(() => {
+  const { valuationPath, fairValuePath, axisLabels } = React5.useMemo(() => buildChartPaths(history, fairValue), [history, fairValue]);
+  const recentSales = React5.useMemo(() => {
     if (summary?.recentSales?.length) {
       return summary.recentSales;
     }
@@ -14531,19 +14551,19 @@ function PropertyPhotoGallery({
   );
 }
 function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose }) {
-  const [currentIndex, setCurrentIndex] = React9.useState(() => clampIndex(startIndex, galleryImages.length));
-  const [activeHotspotId, setActiveHotspotId] = React9.useState(null);
-  const sliderRef = React9.useRef(null);
-  const [isDragging, setIsDragging] = React9.useState(false);
-  const wasDraggingRef = React9.useRef(false);
-  const touchStartX = React9.useRef(null);
-  const touchStartY = React9.useRef(null);
-  const isSwiping = React9.useRef(false);
-  const progress = React9.useMemo(() => {
+  const [currentIndex, setCurrentIndex] = React5.useState(() => clampIndex(startIndex, galleryImages.length));
+  const [activeHotspotId, setActiveHotspotId] = React5.useState(null);
+  const sliderRef = React5.useRef(null);
+  const [isDragging, setIsDragging] = React5.useState(false);
+  const wasDraggingRef = React5.useRef(false);
+  const touchStartX = React5.useRef(null);
+  const touchStartY = React5.useRef(null);
+  const isSwiping = React5.useRef(false);
+  const progress = React5.useMemo(() => {
     if (galleryImages.length <= 1) return 0;
     return currentIndex / (galleryImages.length - 1) * 100;
   }, [currentIndex, galleryImages.length]);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     document.body.style.overflow = "hidden";
     document.body.style.touchAction = "none";
     return () => {
@@ -14551,7 +14571,7 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
       document.body.style.touchAction = "";
     };
   }, []);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     const handleKey = (event) => {
       if (event.key === "Escape") onClose();
       if (event.key === "ArrowLeft") setCurrentIndex((i) => i === 0 ? galleryImages.length - 1 : i - 1);
@@ -14824,13 +14844,13 @@ function truncateHash(hash) {
   return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
 }
 function ToastItem({ toast, onDismiss }) {
-  const [exiting, setExiting] = React9.useState(false);
-  const timerRef = React9.useRef(null);
-  const dismiss = React9.useCallback(() => {
+  const [exiting, setExiting] = React5.useState(false);
+  const timerRef = React5.useRef(null);
+  const dismiss = React5.useCallback(() => {
     setExiting(true);
     setTimeout(() => onDismiss(toast.id), 280);
   }, [onDismiss, toast.id]);
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     const duration2 = toast.duration ?? 6e3;
     if (duration2 > 0) {
       timerRef.current = setTimeout(dismiss, duration2);
@@ -14859,15 +14879,15 @@ function ToastItem({ toast, onDismiss }) {
     duration > 0 && /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { $color: accent, $duration: duration })
   ] });
 }
-var ToastContext = React9.createContext(null);
+var ToastContext = React5.createContext(null);
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = React9.useState([]);
-  const addToast = React9.useCallback((data) => {
+  const [toasts, setToasts] = React5.useState([]);
+  const addToast = React5.useCallback((data) => {
     const id = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
     setToasts((prev) => [...prev, { ...data, id }]);
     return id;
   }, []);
-  const dismiss = React9.useCallback((id) => {
+  const dismiss = React5.useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { toast: addToast, dismiss }, children: [
@@ -14876,15 +14896,15 @@ function ToastProvider({ children }) {
   ] });
 }
 function useToast() {
-  const ctx = React9.useContext(ToastContext);
+  const ctx = React5.useContext(ToastContext);
   if (!ctx) throw new Error("useToast must be used within a ToastProvider");
   return ctx;
 }
 var INTERVALS = [1e3, 2e3, 4e3, 5e3, 7e3, 1e4, 12e3];
 function useAdaptivePolling({ enabled, onPoll }) {
-  const onPollRef = React9.useRef(onPoll);
+  const onPollRef = React5.useRef(onPoll);
   onPollRef.current = onPoll;
-  React9.useEffect(() => {
+  React5.useEffect(() => {
     if (!enabled) return;
     let cancelled = false;
     let timeoutId = null;