@loafmarkets/ui 0.1.339 → 0.1.341

package/dist/index.js

@@ -3163,7 +3163,7 @@ function PropertyMediaRow({
   videoTitle,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 lg:flex-row lg:items-stretch lg:gap-6 lg:h-[700px]", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 lg:flex-row lg:items-stretch lg:gap-6 lg:h-[480px] xl:h-[700px]", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden h-[320px]", children: /* @__PURE__ */ jsxRuntime.jsx(PropertyTour, { title: videoTitle, src: videoSrc, className: "h-full w-full !max-w-none" }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -11387,7 +11387,7 @@ function AssetSelectorBar({
         ] })
       ] })
     ] }, m.label)) }),
-    trailing != null && /* @__PURE__ */ jsxRuntime.jsx(TrailingWrapper, { children: trailing }),
+    trailing != null && /* @__PURE__ */ jsxRuntime.jsx(TrailingWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(TrailingInner, { children: trailing }) }),
     isDropdownOpen && hasItems && /* @__PURE__ */ jsxRuntime.jsx(IPODropdown, { children: selectorItems.map((item) => {
       const isCurrent = item.tokenName === currentTokenName;
       const status = item.status?.toUpperCase();
@@ -11441,13 +11441,9 @@ var IPOAssetSelector = styled9__default.default.div`
   &:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.15); }
 
   @media (max-width: 768px) {
-    flex-wrap: wrap;
-    padding: 0.75rem 1rem;
-    gap: 0.5rem;
-  }
-
-  @media (max-width: 480px) {
+    flex-wrap: nowrap;
     padding: 0.6rem 0.75rem;
+    gap: 0.4rem;
   }
 `;
 var AssetThumbnail = styled9__default.default.img`
@@ -11526,15 +11522,26 @@ var SelectorMetrics = styled9__default.default.div`
 var TrailingWrapper = styled9__default.default.div`
   display: flex;
   align-items: center;
+  flex-shrink: 0;
 
   @media (max-width: 768px) {
-    width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
     &::-webkit-scrollbar { display: none; }
   }
 `;
+var TrailingInner = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+
+  @media (max-width: 768px) {
+    display: inline-flex;
+    align-items: center;
+    min-width: max-content;
+    gap: 0.5rem;
+  }
+`;
 var MetricLabel = styled9__default.default.span`
   font-size: 0.75rem;
   color: var(--color-text-secondary);
@@ -13368,6 +13375,7 @@ function OrderConfirmationModal({
               onConfirm();
             },
             disabled: isPlacing,
+            "data-placing": isPlacing,
             children: isPlacing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(Spinner, { "aria-hidden": true }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: placingLabel })
@@ -13399,6 +13407,7 @@ var Modal = styled9__default.default.div`
   max-width: 480px;
   width: 90%;
   box-shadow: 0 20px 60px rgba(0,0,0,0.5);
+  overflow: hidden;
 `;
 var ModalHeader = styled9__default.default.div`
   display: flex;
@@ -13533,6 +13542,7 @@ var BaseButton = styled9__default.default.button`
   justify-content: center;
   white-space: nowrap;
   flex-shrink: 0;
+  overflow: hidden;
   &:disabled {
     cursor: not-allowed;
     opacity: 0.75;
@@ -13548,6 +13558,10 @@ var PrimaryButton = styled9__default.default(BaseButton)`
   color: #fff;
   border: none;
   box-shadow: 0 4px 12px rgba(14,203,129,0.3);
+  &[data-placing='true'] {
+    font-size: 0.8rem;
+    padding: 0.75rem 0.9rem;
+  }
 `;
 
 // src/components/property-buy/constants.ts
@@ -14022,23 +14036,29 @@ function PortfolioActivityPanel({
       activeTab === "subscriptions" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         offeringOrders.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "IPO allocations will appear here once you subscribe." }),
         offeringOrders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr 36px", children: [
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Asset" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Qty" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Price" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Total" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
+            /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" }),
+            /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, {})
           ] }),
           pagedOfferingOrders.map((order) => {
             const meta = getOrderStatusMeta(order.status);
-            return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr", children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.8fr 1fr 1fr 0.8fr 1fr 36px", children: [
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, children: order.tokenName }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatNumber2(order.quantity) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: formatCurrency4(order.price) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatCurrency4(order.price * order.quantity) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: meta.color, $bg: meta.bg, children: prettyLabel(order.status) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: formatTimestamp(order.createdAt) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: formatTimestamp(order.createdAt) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: order.txHash && /* @__PURE__ */ jsxRuntime.jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${order.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on BaseScan", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 3 21 3 21 9" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+              ] }) }) })
             ] }, `${order.tokenName}-${order.txHash}-${order.createdAt}`);
           })
         ] })
@@ -14126,14 +14146,15 @@ function PortfolioActivityPanel({
       activeTab === "trades" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         tradeHistory.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "Completed trades will appear here." }),
         tradeHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(GridHeader, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Asset" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Side" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Qty" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Price" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Total" }),
             /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Settlement" }),
-            /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" })
+            /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, { children: "Date" }),
+            /* @__PURE__ */ jsxRuntime.jsx(GridHeaderCell, {})
           ] }),
           pagedTradeHistory.map((trade) => {
             const s = trade.status?.toUpperCase();
@@ -14142,14 +14163,19 @@ function PortfolioActivityPanel({
             const isSettling = !isSettled && !isFailed && !!trade.status;
             const settlementLabel = isSettled ? "Settled" : isFailed ? "Settlement Failed" : isSettling ? prettyLabel(trade.status) : "\u2014";
             const settlementMeta = isSettled ? { color: "#0ecb81", bg: "rgba(14,203,129,0.1)" } : isFailed ? { color: "#f6465d", bg: "rgba(246,70,93,0.12)" } : isSettling ? { color: "#f0b90b", bg: "rgba(240,185,11,0.15)" } : null;
-            return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr", children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(GridRow, { $columns: "1.2fr 0.6fr 0.8fr 1fr 1fr 1fr 1fr 36px", children: [
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $primary: true, children: trade.tokenName }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(SideBadge, { $side: sideLabel(trade.side), children: sideLabel(trade.side) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatNumber2(trade.quantity) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatCurrency4(trade.price) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatCurrency4(trade.price * trade.quantity) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: settlementMeta ? /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: settlementMeta.color, $bg: settlementMeta.bg, children: settlementLabel }) : /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: "\u2014" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: formatTimestamp(trade.executedAt) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: formatTimestamp(trade.executedAt) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: trade.txHash && /* @__PURE__ */ jsxRuntime.jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${trade.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on BaseScan", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "15 3 21 3 21 9" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+              ] }) }) })
             ] }, trade.tradeId);
           })
         ] })