@loafmarkets/ui 0.1.96 → 0.1.98

package/dist/index.mjs

@@ -9645,7 +9645,8 @@ function AssetSelectorBar({
   currentTokenName,
   selectorItems,
   onSelect,
-  trailing
+  trailing,
+  imageUrl
 }) {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
   const hasItems = selectorItems && selectorItems.length > 0;
@@ -9654,6 +9655,7 @@ function AssetSelectorBar({
     ...offeringValuation != null ? [{ label: "Offering Valuation", value: `$${offeringValuation.toLocaleString()}` }] : []
   ];
   return /* @__PURE__ */ jsx(AssetSelectorWrapper, { children: /* @__PURE__ */ jsxs(IPOAssetSelector, { children: [
+    imageUrl && /* @__PURE__ */ jsx(AssetThumbnail, { src: imageUrl, alt: propertyName }),
     /* @__PURE__ */ jsx(AssetSelectorDropdown, { onClick: () => hasItems && setIsDropdownOpen((prev) => !prev), children: /* @__PURE__ */ jsxs(AssetName, { children: [
       propertyName,
       hasItems && /* @__PURE__ */ jsx(
@@ -9743,6 +9745,20 @@ var IPOAssetSelector = styled25.div`
     padding: 0.6rem 0.75rem;
   }
 `;
+var AssetThumbnail = styled25.img`
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  object-fit: cover;
+  flex-shrink: 0;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+
+  @media (max-width: 768px) {
+    width: 32px;
+    height: 32px;
+    border-radius: 6px;
+  }
+`;
 var AssetSelectorDropdown = styled25.div`
   display: flex;
   align-items: center;
@@ -11787,8 +11803,8 @@ var InsufficientFunds = styled25.div`
 `;
 var ACTIVITY_PAGE_SIZE_DEFAULT = 10;
 var formatCurrency5 = (value, opts) => {
-  const min = opts?.minimumFractionDigits ?? 2;
-  const max = opts?.maximumFractionDigits ?? 2;
+  const min = 2;
+  const max = 2;
   return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
 };
 var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
@@ -11941,17 +11957,20 @@ function PortfolioActivityPanel({
             ] })
           ] }),
           /* @__PURE__ */ jsxs(HoldingsQuantity, { children: [
-            /* @__PURE__ */ jsx("span", { children: formatCurrency5(currentValue) }),
-            /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.65rem", color: "rgba(255,255,255,0.4)" }, children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              formatNumber2(pos.quantity),
+              " ",
+              pos.tokenName
+            ] }),
+            /* @__PURE__ */ jsxs(HoldingsAvgEntry, { children: [
               "Avg ",
-              formatCurrency5(costBasis, { maximumFractionDigits: 0 })
+              formatCurrency5(pos.averageEntryPrice)
             ] })
           ] }),
           /* @__PURE__ */ jsxs(HoldingsPnL, { children: [
             /* @__PURE__ */ jsxs(PnLAmount, { $positive: isPositive, children: [
               isPositive ? "+" : "-",
-              "$",
-              Math.abs(pnl).toFixed(2)
+              formatCurrency5(Math.abs(pnl))
             ] }),
             /* @__PURE__ */ jsxs(PnLPercentage, { $positive: isPositive, children: [
               isPositive ? "+" : "",
@@ -12378,7 +12397,7 @@ var HoldingsQuantity = styled25.div`
   font-weight: 500;
   color: #fff;
 `;
-styled25.div`
+var HoldingsAvgEntry = styled25.div`
   font-size: 0.7rem;
   color: var(--color-accent, #E6C87E);
   font-weight: 500;