@loafmarkets/ui 0.1.405 → 0.1.407

package/dist/index.mjs

@@ -5076,6 +5076,7 @@ var Header = ({
   onOrdersNavigate: _onOrdersNavigate,
   onWalletNavigate: _onWalletNavigate,
   onSettingsClick,
+  onReferClick,
   portfolioSummary,
   fundsPending = false,
   transparentOnTop = false,
@@ -5514,7 +5515,7 @@ var Header = ({
             onClick: (event) => {
               event?.preventDefault();
               closeMenus();
-              onSettingsClick?.();
+              (onReferClick ?? onSettingsClick)?.();
             },
             children: "Refer"
           }
@@ -5557,7 +5558,7 @@ var Header = ({
                 onClick: (event) => {
                   event?.preventDefault();
                   closeMenus();
-                  onSettingsClick?.();
+                  (onReferClick ?? onSettingsClick)?.();
                 },
                 children: /* @__PURE__ */ jsx(MenuItem, { children: "Refer" })
               }
@@ -7550,6 +7551,7 @@ var LoginPopup = ({
       ] })
     ] });
     if (gate) {
+      const codeAccepted = codeStatus === "valid";
       const showSignIn = signInMode || signInRevealed;
       return /* @__PURE__ */ jsxs(GateShell, { children: [
         /* @__PURE__ */ jsx(GateTint, { $reveal: showSignIn ? 1 : 0 }),
@@ -7575,30 +7577,35 @@ var LoginPopup = ({
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(CodeInputWrapper, { $status: codeStatus, children: [
               /* @__PURE__ */ jsx(CodePrefix, { children: CODE_PREFIX }),
-              codeInput
+              codeInput,
+              /* @__PURE__ */ jsx(
+                GateSubmit,
+                {
+                  type: "button",
+                  "aria-label": "Submit access code",
+                  $status: codeStatus,
+                  disabled: codeStatus === "checking" || !codeComplete,
+                  onClick: () => void runCodeValidation(referralCode),
+                  children: codeAccepted ? /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) }) : codeStatus === "checking" ? /* @__PURE__ */ jsx(GateSpinner, {}) : /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) })
+                }
+              )
             ] }),
             (codeStatus === "invalid" || error && !signInRevealed) && /* @__PURE__ */ jsx(StatusMessage, { $error: true, children: error || "That code isn't valid. Double-check and try again." }),
-            signInRevealed ? signInStep : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(GateResendText, { children: [
-                "Already have an account?",
-                " ",
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      setError("");
-                      setIsSignUp(false);
-                      setSignInMode(true);
-                    },
-                    children: "Sign in"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs(GateEarlyAccess, { href: "https://loafmarkets.com/?waitlist=1", children: [
-                "Signup for early access",
-                /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) })
-              ] })
+            signInRevealed ? signInStep : /* @__PURE__ */ jsxs(GateResendText, { children: [
+              "Already have an account?",
+              " ",
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setError("");
+                    setIsSignUp(false);
+                    setSignInMode(true);
+                  },
+                  children: "Sign in"
+                }
+              )
             ] })
           ] })
         ] })
@@ -7675,12 +7682,12 @@ var LoginPopup = ({
           marginBottom: "1.25rem"
         }, children: [
           /* @__PURE__ */ jsx("div", { style: { width: 7, height: 7, borderRadius: "50%", background: "#0052FF", flexShrink: 0 } }),
-          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.72rem", fontWeight: 600, color: "#6b9fff", letterSpacing: "0.02em" }, children: "Base Sepolia" })
+          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.72rem", fontWeight: 600, color: "#6b9fff", letterSpacing: "0.02em" }, children: "Arbitrum Sepolia" })
         ] }),
         /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.82rem", color: "rgba(255,255,255,0.5)", textAlign: "center", marginBottom: "1.1rem", lineHeight: 1.5, maxWidth: 320 }, children: [
           "Send ",
           /* @__PURE__ */ jsx("strong", { style: { color: "rgba(255,255,255,0.8)" }, children: "USDC" }),
-          " on Base Sepolia to the address below. Only send on this network."
+          " on Arbitrum Sepolia to the address below. Only send on this network."
         ] }),
         /* @__PURE__ */ jsxs("div", { style: {
           width: "100%",
@@ -8221,33 +8228,6 @@ var GateResendText = styled10.p`
     font-size: inherit;
   }
 `;
-var GateEarlyAccess = styled10.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  margin-top: 0.15rem;
-  color: var(--color-text-secondary, #848e9c);
-  font-size: 0.8rem;
-  font-weight: 500;
-  letter-spacing: 0.02em;
-  text-decoration: none;
-  cursor: pointer;
-  transition: color 0.15s ease;
-
-  svg {
-    width: 13px;
-    height: 13px;
-    transition: transform 0.15s ease;
-  }
-
-  &:hover {
-    color: var(--color-accent, #E6C87E);
-  }
-
-  &:hover svg {
-    transform: translateX(3px);
-  }
-`;
 var GateSubmit = styled10.button`
   display: flex;
   align-items: center;
@@ -10325,7 +10305,7 @@ function PropertyOverview({
   isLoading = false,
   ticker,
   contractAddress,
-  chain = "Base (Ethereum L2)",
+  chain = "Arbitrum (Ethereum L2)",
   volume24h,
   priceHistory: priceHistoryProp,
   beta = false,
@@ -10364,13 +10344,13 @@ function PropertyOverview({
   const resolvedPropertyType = rawPropertyType?.toLowerCase() === "house" ? "Residential" : rawPropertyType;
   const galleryImages = images ?? [];
   const chainValue = /* @__PURE__ */ jsxs(ChainLogos, { children: [
-    /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Base-Symbol.png", alt: "Base" }),
+    /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Arbitrum-Symbol.svg", alt: "Arbitrum" }),
     /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Ethereum-Logo.png", alt: "Ethereum", style: { filter: "brightness(0) invert(1)" } }),
     /* @__PURE__ */ jsx("span", { children: chain })
   ] });
   const tokenDetailsItems = [
     { label: "Chain", value: chainValue },
-    { label: "On-Chain Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://sepolia.basescan.org/address/${contractAddress}` : void 0, copyValue: contractAddress },
+    { label: "On-Chain Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://sepolia.arbiscan.io/address/${contractAddress}` : void 0, copyValue: contractAddress },
     { label: "Token Ticker", value: ticker ?? "\u2014" },
     { label: "Total Circulating Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
     { label: "Legal Structuring", value: "See Documents", docLink: true },
@@ -10390,7 +10370,9 @@ function PropertyOverview({
   ];
   const growthPct = overviewData?.growth5Yr;
   const propertyStats = [
-    { label: "Property Value", value: isLoading && tokenMarketCap == null ? loadingSkeleton : tokenMarketCap ? fmtDollar(tokenMarketCap) : "\u2014" },
+    // Property Value = the API offeringValuation (OverviewResponse.offeringValuation), NOT
+    // midPrice×tokensIssued market cap (fixed 2026-07-22). null → '—', never a fabricated cap.
+    { label: "Property Value", value: isLoading && overviewData?.offeringValuation == null ? loadingSkeleton : overviewData?.offeringValuation ? fmtDollar(overviewData.offeringValuation) : "\u2014" },
     ...beta ? [] : [{ label: "Offers", value: "3" }],
     { label: "Growth (5yr)", value: growthPct != null ? `${growthPct > 0 ? "+" : ""}${growthPct}%` : "\u2014" },
     { label: "Last Dividend", value: overviewData?.lastDividend != null ? `$${overviewData.lastDividend.toFixed(2)}` : "\u2014" },
@@ -14891,7 +14873,7 @@ var getOrderStatusMeta = (statusRaw) => {
   return { color: "#E6C87E", bg: "rgba(240,185,11,0.15)" };
 };
 var ChevronDown = () => /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.5)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) });
-var BaseScanIconLink = ({ url }) => /* @__PURE__ */ jsx(TxLink, { href: url, target: "_blank", rel: "noopener noreferrer", title: "View on BaseScan", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+var ArbiscanIconLink = ({ url }) => /* @__PURE__ */ jsx(TxLink, { href: url, target: "_blank", rel: "noopener noreferrer", title: "View on Arbiscan", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
   /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
   /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
@@ -14916,7 +14898,7 @@ function PortfolioActivityPanel({
   defaultTab,
   onTabChange,
   pageSize = ACTIVITY_PAGE_SIZE_DEFAULT,
-  blockExplorerBaseUrl: _blockExplorerBaseUrl = "https://sepolia.basescan.org/tx",
+  blockExplorerBaseUrl: _blockExplorerBaseUrl = "https://sepolia.arbiscan.io/tx",
   className,
   style
 }) {
@@ -15360,7 +15342,7 @@ function PortfolioActivityPanel({
                 /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.35rem" }, children: [
                   formatNumber2(order.quantity),
                   order.ticker && /* @__PURE__ */ jsx(TickerTag, { style: { marginLeft: 0 }, children: order.ticker.toUpperCase() }),
-                  order.txHash && /* @__PURE__ */ jsx(BaseScanIconLink, { url: `${_blockExplorerBaseUrl}/${order.txHash}` })
+                  order.txHash && /* @__PURE__ */ jsx(ArbiscanIconLink, { url: `${_blockExplorerBaseUrl}/${order.txHash}` })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(CUnitsCell, { children: [
@@ -15413,7 +15395,7 @@ function PortfolioActivityPanel({
                 order.status === "REJECTED" && order.rejectionReason && /* @__PURE__ */ jsx(CellText, { $muted: true, style: { fontSize: "0.62rem", marginTop: "0.2rem", maxWidth: "120px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: order.rejectionReason, children: order.rejectionReason })
               ] }),
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(order.createdAt) }) }),
-              /* @__PURE__ */ jsx(GridCell, { children: order.txHash && /* @__PURE__ */ jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${order.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on BaseScan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx(GridCell, { children: order.txHash && /* @__PURE__ */ jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${order.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on Arbiscan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                 /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
                 /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
                 /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
@@ -15456,7 +15438,11 @@ function PortfolioActivityPanel({
                 /* @__PURE__ */ jsx(CChevronWrap, { $open: ordExpanded, children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.5)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) }) })
               ] }),
               ordExpanded && /* @__PURE__ */ jsxs(CExpandedWrap, { children: [
-                /* @__PURE__ */ jsxs(CDetailGrid, { children: [
+                /* @__PURE__ */ jsxs(CDetailGrid3, { children: [
+                  /* @__PURE__ */ jsxs(CDetailItem, { children: [
+                    /* @__PURE__ */ jsx(CDLabel, { children: "Order ID" }),
+                    /* @__PURE__ */ jsx(CDValue, { children: order.id > 0 ? `#${order.id}` : "\u2014" })
+                  ] }),
                   /* @__PURE__ */ jsxs(CDetailItem, { children: [
                     /* @__PURE__ */ jsx(CDLabel, { children: "Type" }),
                     /* @__PURE__ */ jsx(CDValue, { children: prettyLabel(order.type) })
@@ -15485,7 +15471,8 @@ function PortfolioActivityPanel({
               ] })
             ] }, `open-${order.id}`);
           }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(GridHeader, { $columns: onCancelOrder ? "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+            /* @__PURE__ */ jsxs(GridHeader, { $columns: onCancelOrder ? "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+              /* @__PURE__ */ jsx(GridHeaderCell, { children: "ID" }),
               /* @__PURE__ */ jsx(GridHeaderCell, { children: "Asset" }),
               /* @__PURE__ */ jsx(GridHeaderCell, { children: "Side" }),
               /* @__PURE__ */ jsx(GridHeaderCell, { children: "Type" }),
@@ -15501,7 +15488,8 @@ function PortfolioActivityPanel({
               const filledPercent = order.quantity > 0 ? Math.round(order.filledQuantity / order.quantity * 100) : 0;
               const isCancelling = cancellingOrderId === order.id;
               const sideColor = sideLabel(order.side) === "Buy" ? "#0ecb81" : "#f6465d";
-              return /* @__PURE__ */ jsxs(GridRow, { $columns: onCancelOrder ? "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+              return /* @__PURE__ */ jsxs(GridRow, { $columns: onCancelOrder ? "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr 82px" : "0.5fr 1.2fr 0.6fr 0.7fr 0.8fr 1fr 0.8fr 0.8fr", children: [
+                /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: order.id > 0 ? `#${order.id}` : "\u2014" }) }),
                 /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $primary: true, $color: sideColor, $noHoverColor: true, $clickable: !!onAssetClick, onClick: onAssetClick ? () => onAssetClick(order.tokenName) : void 0, children: order.tokenName }) }),
                 /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(SideBadge, { $side: sideLabel(order.side), children: sideLabel(order.side) }) }),
                 /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: prettyLabel(order.type) }) }),
@@ -15657,7 +15645,7 @@ function PortfolioActivityPanel({
                 /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.35rem" }, children: [
                   formatNumber2(trade.quantity),
                   trade.ticker && /* @__PURE__ */ jsx(TickerTag, { style: { marginLeft: 0 }, children: trade.ticker.toUpperCase() }),
-                  trade.txHash && /* @__PURE__ */ jsx(BaseScanIconLink, { url: `${_blockExplorerBaseUrl}/${trade.txHash}` })
+                  trade.txHash && /* @__PURE__ */ jsx(ArbiscanIconLink, { url: `${_blockExplorerBaseUrl}/${trade.txHash}` })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(CUnitsCell, { children: [
@@ -15724,7 +15712,7 @@ function PortfolioActivityPanel({
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { children: formatCurrency4(trade.price * trade.quantity) }) }),
               /* @__PURE__ */ jsx(GridCell, { children: settlementMeta ? /* @__PURE__ */ jsx(ActivityTag, { $color: settlementMeta.color, $bg: settlementMeta.bg, children: settlementLabel }) : /* @__PURE__ */ jsx(CellText, { $muted: true, children: "\u2014" }) }),
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(trade.executedAt) }) }),
-              /* @__PURE__ */ jsx(GridCell, { children: trade.txHash && /* @__PURE__ */ jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${trade.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on BaseScan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx(GridCell, { children: trade.txHash && /* @__PURE__ */ jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${trade.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on Arbiscan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                 /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
                 /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
                 /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
@@ -15771,7 +15759,7 @@ function PortfolioActivityPanel({
                   /* @__PURE__ */ jsx(CDValue, { children: formatTimestamp(t.createdAt) })
                 ] })
               ] }),
-              txUrl && /* @__PURE__ */ jsx(CExpandedLink, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: "View on BaseScan \u2197" })
+              txUrl && /* @__PURE__ */ jsx(CExpandedLink, { href: txUrl, target: "_blank", rel: "noopener noreferrer", children: "View on Arbiscan \u2197" })
             ] })
           ] }, rowKey);
         }),
@@ -15797,7 +15785,7 @@ function PortfolioActivityPanel({
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatAddress(t.address) }) }),
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(ActivityTag, { $color: statusMeta.color, $bg: statusMeta.bg, children: prettyLabel(t.status) }) }),
               /* @__PURE__ */ jsx(GridCell, { children: /* @__PURE__ */ jsx(CellText, { $muted: true, children: formatTimestamp(t.createdAt) }) }),
-              /* @__PURE__ */ jsx(GridCell, { children: txUrl && /* @__PURE__ */ jsx(TxLink, { href: txUrl, target: "_blank", rel: "noopener noreferrer", title: "View on BaseScan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx(GridCell, { children: txUrl && /* @__PURE__ */ jsx(TxLink, { href: txUrl, target: "_blank", rel: "noopener noreferrer", title: "View on Arbiscan", children: /* @__PURE__ */ jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                 /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
                 /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
                 /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
@@ -18900,13 +18888,14 @@ var CloseButton3 = styled10.button`
 var MainImageContainer = styled10.div`
   position: relative;
   flex: 1;
+  min-height: 0;
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 80px 20px 140px;
+  padding: 20px 20px 160px;
 
   @media (max-width: 768px) {
-    padding: 60px 0 110px;
+    padding: 10px 0 130px;
   }
 `;
 var MainImage = styled10.img`
@@ -18918,8 +18907,11 @@ var MainImage = styled10.img`
   opacity: ${(p) => p.$visible ? 1 : 0};
   pointer-events: ${(p) => p.$visible ? "auto" : "none"};
   transition: opacity 300ms ease;
-  /* Inset box excludes the bottom thumbnail strip so margin:auto centres the image in the
-     space ABOVE the thumbnails (absolute ignores the parent's padding). */
+  /* All slides share the same absolute box so switching only crossfades opacity —
+     no relative↔absolute size jump (the "grow then shrink" on navigation).
+     The inset box excludes the bottom thumbnail strip so margin:auto centres the image
+     in the space ABOVE the thumbnails (absolute positioning ignores the parent's padding,
+     which otherwise let the image sink behind the thumbnails / "lean down"). */
   position: absolute;
   top: 24px;
   left: 24px;
@@ -19113,9 +19105,11 @@ function PropertyPhotoGallery({
   isOpen,
   onClose,
   startIndex = 0,
+  startWithVideo = false,
   title = "28 Derby Street, Vaucluse",
   subtitle = "Elara \u2014 Luxury Harbour Residence",
-  images
+  images,
+  videoUrl
 }) {
   const galleryImages = images?.length ? images : DEFAULT_IMAGES;
   if (!isOpen) return null;
@@ -19124,16 +19118,19 @@ function PropertyPhotoGallery({
     {
       galleryImages,
       startIndex,
+      startWithVideo,
       title,
       subtitle,
-      onClose
+      onClose,
+      videoUrl
     },
-    `${startIndex}-${galleryImages.length}`
+    `${startIndex}-${galleryImages.length}-${startWithVideo}`
   );
 }
-function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose }) {
+function GalleryContent({ galleryImages, startIndex, startWithVideo, title, subtitle, onClose, videoUrl }) {
   const [currentIndex, setCurrentIndex] = useState(() => clampIndex(startIndex, galleryImages.length));
   const [activeHotspotId, setActiveHotspotId] = useState(null);
+  const [showVideo, setShowVideo] = useState(startWithVideo ?? false);
   const sliderRef = useRef(null);
   const [isDragging, setIsDragging] = useState(false);
   const wasDraggingRef = useRef(false);
@@ -19183,7 +19180,7 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
           ] }),
           /* @__PURE__ */ jsx(CloseButton3, { onClick: onClose, "aria-label": "Close gallery", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M6 18L18 6" }) }) })
         ] }),
-        /* @__PURE__ */ jsxs(SliderContainer, { onClick: (event) => event.stopPropagation(), children: [
+        !showVideo && /* @__PURE__ */ jsxs(SliderContainer, { onClick: (event) => event.stopPropagation(), children: [
           /* @__PURE__ */ jsxs(
             SliderTrack,
             {
@@ -19246,7 +19243,21 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
                   children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { d: "M15 18l-6-6 6-6" }) })
                 }
               ),
-              galleryImages.map((image, idx) => /* @__PURE__ */ jsx(MainImage, { src: image.src, alt: image.alt, $visible: idx === currentIndex }, image.alt)),
+              showVideo && videoUrl ? /* @__PURE__ */ jsx(GalleryVideoWrap, { children: /* @__PURE__ */ jsx(
+                "video",
+                {
+                  autoPlay: true,
+                  loop: true,
+                  playsInline: true,
+                  muted: true,
+                  controls: true,
+                  onVolumeChange: (e) => {
+                    if (!e.currentTarget.muted) e.currentTarget.muted = true;
+                  },
+                  style: { objectFit: "contain", borderRadius: 12, boxShadow: "0 30px 80px rgba(0,0,0,0.55)" },
+                  children: /* @__PURE__ */ jsx("source", { src: videoUrl, type: "video/mp4" })
+                }
+              ) }) : galleryImages.map((image, idx) => /* @__PURE__ */ jsx(MainImage, { src: image.src, alt: image.alt, $visible: idx === currentIndex }, image.alt)),
               galleryImages[currentIndex]?.hotspots?.map((hotspot) => /* @__PURE__ */ jsx(
                 Hotspot,
                 {
@@ -19291,11 +19302,83 @@ function GalleryContent({ galleryImages, startIndex, title, subtitle, onClose })
             ]
           }
         ),
-        /* @__PURE__ */ jsx(ThumbnailStrip, { onClick: (event) => event.stopPropagation(), children: galleryImages.map((image, idx) => /* @__PURE__ */ jsx(Thumbnail3, { $active: idx === currentIndex, onClick: () => setCurrentIndex(idx), "aria-label": `Preview ${image.label}`, children: /* @__PURE__ */ jsx("img", { src: image.src, alt: image.alt }) }, image.alt)) })
+        /* @__PURE__ */ jsxs(ThumbnailStrip, { onClick: (event) => event.stopPropagation(), children: [
+          galleryImages.map((image, idx) => /* @__PURE__ */ jsx(Thumbnail3, { $active: !showVideo && idx === currentIndex, onClick: () => {
+            setShowVideo(false);
+            setCurrentIndex(idx);
+          }, "aria-label": `Preview ${image.label}`, children: /* @__PURE__ */ jsx("img", { src: image.src, alt: image.alt }) }, image.alt)),
+          videoUrl && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ThumbnailDivider, {}),
+            /* @__PURE__ */ jsxs(VideoBtn, { $active: showVideo, onClick: () => setShowVideo(true), children: [
+              /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "14", height: "16", rx: "2" }),
+                /* @__PURE__ */ jsx("path", { d: "M16 8l6-4v16l-6-4z" })
+              ] }),
+              "Video"
+            ] })
+          ] })
+        ] })
       ]
     }
   );
 }
+var GalleryVideoWrap = styled10.div`
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px 20px 160px;
+
+  video {
+    max-width: 90%;
+    max-height: 100%;
+  }
+
+  /* Property videos stay permanently muted — remove the volume + mute buttons
+     from the native player (Chrome/Edge/Safari/iOS/Android). Firefox ignores
+     these and is covered by the onVolumeChange force-mute fallback. */
+  video::-webkit-media-controls-mute-button,
+  video::-webkit-media-controls-volume-slider,
+  video::-webkit-media-controls-volume-control-container {
+    display: none !important;
+  }
+
+  @media (max-width: 768px) {
+    padding: 10px 0 130px;
+
+    video {
+      max-width: 100%;
+    }
+  }
+`;
+var ThumbnailDivider = styled10.div`
+  width: 1px;
+  height: 48px;
+  background: rgba(255, 255, 255, 0.15);
+  flex-shrink: 0;
+  align-self: center;
+`;
+var VideoBtn = styled10.button`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 14px;
+  border-radius: 8px;
+  border: 1px solid ${(p) => p.$active ? "var(--color-accent, #E6C87E)" : "rgba(255, 255, 255, 0.2)"};
+  background: ${(p) => p.$active ? "rgba(240, 185, 11, 0.15)" : "rgba(255, 255, 255, 0.08)"};
+  color: ${(p) => p.$active ? "var(--color-accent, #E6C87E)" : "#fff"};
+  font-size: 0.82rem;
+  font-weight: 500;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.15);
+    border-color: rgba(255, 255, 255, 0.3);
+  }
+`;
 var slideIn2 = keyframes`
   from { transform: translateX(110%); opacity: 0; }
   to   { transform: translateX(0);    opacity: 1; }
@@ -19464,7 +19547,7 @@ var Container3 = styled10.div`
     gap: 8px;
   }
 `;
-var DEFAULT_EXPLORER = "https://sepolia.basescan.org/tx/";
+var DEFAULT_EXPLORER = "https://sepolia.arbiscan.io/tx/";
 function truncateHash(hash) {
   return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
 }
@@ -20031,8 +20114,7 @@ var SiteFooter = () => {
         /* @__PURE__ */ jsxs(LegalLinks, { children: [
           /* @__PURE__ */ jsx(LegalLink, { href: "/privacy", children: "Privacy Policy" }),
           /* @__PURE__ */ jsx(LegalLink, { href: "/terms", children: "Terms of Use" }),
-          /* @__PURE__ */ jsx(LegalLink, { href: "/cookies", children: "Cookie Policy" }),
-          /* @__PURE__ */ jsx(LegalLink, { href: "/risk", children: "Risk Warning" })
+          /* @__PURE__ */ jsx(LegalLink, { href: "/cookies", children: "Cookie Policy" })
         ] })
       ] }),
       /* @__PURE__ */ jsx(Disclaimer2, { children: /* @__PURE__ */ jsx(DisclaimerText, { children: "Warning: Digital asset prices can be volatile. The value of your investment can go down or up and you may not get back the amount invested. Past gains are not indicative of future returns. You are solely responsible for your investment decisions and Loaf is not liable for any losses you may incur. The information here should not be regarded as financial or investment advice. For more information, see our Terms of Use and Risk Warning." }) })