@agg-build/ui 1.0.2 → 1.2.0

package/dist/{chunk-3IY2GA2D.mjs → chunk-CDQZJPHQ.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-4ILR2YH3.mjs";
+} from "./chunk-EGCVA2AQ.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-XDZLCWUZ.mjs";
+} from "./chunk-FDTLV74F.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -43,9 +43,8 @@ import {
   cn,
   filterOpenEvents,
   resolveTabVenus,
-  shortenAddress,
-  venueLogoNames
-} from "./chunk-TLGQ4LID.mjs";
+  shortenAddress
+} from "./chunk-34L7ZKJW.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -159,11 +158,12 @@ var EventMarketPageMobileTrade = ({
   classNames,
   eventTradingState,
   showPlaceOrder = true,
-  resolvedClaim
+  resolvedClaim,
+  isOpen,
+  onOpenChange
 }) => {
   var _a;
   const labels = useLabels();
-  const [isOpen, setIsOpen] = useState(false);
   const tradingContext = useEventTradingContext();
   const selectedMarketState = resolveMarketTradingState((_a = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _a : null);
   if (!showPlaceOrder) {
@@ -180,80 +180,51 @@ var EventMarketPageMobileTrade = ({
       }
     ) });
   }
-  const handleOpen = () => {
-    setIsOpen(true);
-  };
   const handleOpenChange = (nextOpen) => {
-    setIsOpen(nextOpen);
+    onOpenChange(nextOpen);
   };
   const handleClose = () => {
-    setIsOpen(false);
+    onOpenChange(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "agg-mobile-trade-cta",
-          "fixed inset-x-0 bottom-0 z-100 flex justify-end p-4 lg:hidden",
-          classNames == null ? void 0 : classNames.mobileTradeCta
-        ),
-        children: /* @__PURE__ */ jsx(
-          Button,
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(
+    Modal.Container,
+    {
+      classNames: {
+        content: "items-end p-0 sm:items-center sm:p-4",
+        container: cn(
+          "agg-mobile-trade-modal",
+          "w-full border-0 bg-transparent shadow-none",
+          classNames == null ? void 0 : classNames.mobileTradeModal
+        )
+      },
+      children: [
+        /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: labels.trading.confirmOrder }),
+        /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only", children: labels.trading.disclaimer }),
+        /* @__PURE__ */ jsx("div", { className: "agg-mobile-trade-handle relative flex w-full flex-col items-center sm:hidden", children: /* @__PURE__ */ jsx(
+          "button",
           {
-            size: "large",
-            className: "agg-mobile-trade-trigger min-w-[168px] shadow-agg-modal",
-            "aria-label": labels.trading.confirmOrder,
-            onClick: (e) => {
-              e.stopPropagation();
-              e.preventDefault();
-              handleOpen();
-            },
-            children: labels.trading.confirmOrder
+            type: "button",
+            className: "absolute right-3 top-4 z-100 flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:text-agg-foreground",
+            "aria-label": labels.common.close,
+            onClick: handleClose,
+            children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-5 w-5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PlaceOrder,
+          {
+            eventTradingState,
+            className: cn(
+              "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
+              classNames == null ? void 0 : classNames.mobileTrade
+            ),
+            classNames: resolveMobileTradePlaceOrderClassNames(classNames),
+            onClose: handleClose
           }
         )
-      }
-    ),
-    /* @__PURE__ */ jsx(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(
-      Modal.Container,
-      {
-        classNames: {
-          content: "items-end p-0 sm:items-center sm:p-4",
-          container: cn(
-            "agg-mobile-trade-modal",
-            "w-full border-0 bg-transparent shadow-none",
-            classNames == null ? void 0 : classNames.mobileTradeModal
-          )
-        },
-        children: [
-          /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: labels.trading.confirmOrder }),
-          /* @__PURE__ */ jsx(Dialog.Description, { className: "sr-only", children: labels.trading.disclaimer }),
-          /* @__PURE__ */ jsx("div", { className: "agg-mobile-trade-handle relative flex w-full flex-col items-center sm:hidden", children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "absolute right-3 top-4 z-100 flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:text-agg-foreground",
-              "aria-label": labels.common.close,
-              onClick: handleClose,
-              children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-5 w-5" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            PlaceOrder,
-            {
-              eventTradingState,
-              className: cn(
-                "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
-                classNames == null ? void 0 : classNames.mobileTrade
-              ),
-              classNames: resolveMobileTradePlaceOrderClassNames(classNames),
-              onClose: handleClose
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
+      ]
+    }
+  ) }) });
 };
 var EventMarketPageUnavailableState = ({
   ariaLabel: _ariaLabel
@@ -376,6 +347,7 @@ var EventMarketPageContent = ({
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
   if (!event || !event.venueMarkets.length) {
     return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
   }
@@ -428,6 +400,12 @@ var EventMarketPageContent = ({
                         markets: eventTradingState.displayMarkets,
                         eventTradingState,
                         live: true,
+                        onOutcomeSelect: () => {
+                          if (typeof window === "undefined") return;
+                          if (typeof window.matchMedia !== "function") return;
+                          if (!window.matchMedia("(max-width: 1023px)").matches) return;
+                          setIsMobileTradeOpen(true);
+                        },
                         classNames: { root: "agg-market-list", item: "agg-market-list-item" }
                       }
                     ),
@@ -475,7 +453,9 @@ var EventMarketPageContent = ({
             classNames,
             eventTradingState,
             showPlaceOrder,
-            resolvedClaim
+            resolvedClaim,
+            isOpen: isMobileTradeOpen,
+            onOpenChange: setIsMobileTradeOpen
           }
         ) : null
       ]
@@ -1096,6 +1076,7 @@ import {
   useGeoBlock,
   useLabels as useLabels6,
   useQueryClient,
+  useRedeem,
   useUserActivity
 } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
@@ -1135,6 +1116,14 @@ var CHAIN_ID_TO_ICON = {
   "42161": "arbitrum",
   "792703809": "solana"
 };
+var CHAIN_VENUE_MAP = {
+  "137": ["polymarket"],
+  // Polygon
+  "792703809": ["kalshi"],
+  // Solana
+  "56": ["limitless", "opinion"]
+  // BNB
+};
 var chainIconName = (label, key) => {
   if (key && CHAIN_ID_TO_ICON[key]) return CHAIN_ID_TO_ICON[key];
   const k = label.trim().toLowerCase();
@@ -1148,14 +1137,6 @@ var chainIconName = (label, key) => {
   if (k.includes("ethereum") || k.includes("eth")) return "ethereum";
   return void 0;
 };
-var venueNameSet = new Set(venueLogoNames);
-var isKnownVenueName = (venue) => {
-  return venueNameSet.has(venue);
-};
-var getDisplayVenues = (venues) => {
-  if (!Array.isArray(venues) || venues.length === 0) return [];
-  return venues.filter(isKnownVenueName);
-};
 var AvailableBalanceCard = ({
   label = "Available Balance",
   valueLabel,
@@ -1204,12 +1185,13 @@ var AvailableBalanceCard = ({
               content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
                 /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: "Balance by network" }),
                 /* @__PURE__ */ jsx3("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
+                  var _a;
                   const icon = chainIconName(row.label, row.key);
                   return /* @__PURE__ */ jsxs3(
                     "div",
                     {
                       role: "listitem",
-                      className: "agg-balance-row flex items-center justify-between gap-3 w-full",
+                      className: "agg-balance-row flex items-center justify-between self-stretch gap-3 w-full",
                       children: [
                         /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
                           icon ? /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx3(Icon, { name: icon, size: "small", className: "text-agg-foreground" }) }) : /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: row.label.slice(0, 2).toUpperCase() }),
@@ -1221,7 +1203,7 @@ var AvailableBalanceCard = ({
                           minimumFractionDigits: Number.isInteger(row.balance) ? 0 : 1,
                           maximumFractionDigits: 2
                         }) }),
-                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1 empty:hidden", children: getDisplayVenues(row.venues).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1", children: ((_a = CHAIN_VENUE_MAP[row.key]) != null ? _a : []).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
                           VenueLogo,
                           {
                             venue,
@@ -1291,6 +1273,188 @@ var USER_PROFILE_POSITION_FILTERS = [
   { value: "closed", label: "Closed" }
 ];
 
+// src/pages/user-profile/position-view-model.ts
+var defaultLabels = {
+  avgPrefix: "avg",
+  nowPrefix: "now",
+  finalPrefix: "final"
+};
+var missingLabel = "\u2014";
+var usdFormatter = new Intl.NumberFormat("en-US", {
+  style: "currency",
+  currency: "USD",
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+var percentFormatter = new Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 0,
+  maximumFractionDigits: 1
+});
+var isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
+var parseCurrencyLabel = (label) => {
+  if (!label) return null;
+  const normalized = label.replace(/[$,\s]/g, "");
+  const parsed = Number(normalized);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+var parsePriceLabel = (label) => {
+  if (!label) return null;
+  const match = label.match(/-?\d+(?:\.\d+)?/);
+  if (!match) return null;
+  const parsed = Number(match[0]);
+  return Number.isFinite(parsed) ? parsed / 100 : null;
+};
+var parsePercentLabel = (label) => {
+  if (!label) return null;
+  const match = label.match(/([+-]?\d+(?:,\d{3})*(?:\.\d+)?)%/);
+  if (!(match == null ? void 0 : match[1])) return null;
+  const parsed = Number(match[1].replace(/,/g, ""));
+  return Number.isFinite(parsed) ? parsed : null;
+};
+var formatCurrency = (value) => {
+  if (!isFiniteNumber(value)) return missingLabel;
+  return usdFormatter.format(value);
+};
+var formatSignedCurrency = (value) => {
+  if (!isFiniteNumber(value)) return missingLabel;
+  if (value === 0) return usdFormatter.format(0);
+  return `${value > 0 ? "+" : "-"}${usdFormatter.format(Math.abs(value))}`;
+};
+var formatPriceCents = (value) => {
+  if (!isFiniteNumber(value)) return missingLabel;
+  return `${Math.round(value * 100)}\xA2`;
+};
+var formatSignedPercent = (value) => {
+  if (!isFiniteNumber(value)) return missingLabel;
+  if (value === 0) return "0%";
+  return `${value > 0 ? "+" : "-"}${percentFormatter.format(Math.abs(value))}%`;
+};
+var resolvePositionStatus = (position) => {
+  if (position.marketStatus === "open") return "open";
+  if (position.winner === false) return "lost";
+  if (position.winner === true) {
+    return position.closedClaimStatus === "redeemed" ? "won_claimed" : "won_unclaimed";
+  }
+  if (position.status === "closed") return "sold";
+  return "open";
+};
+var resolvePositionBucket = (position) => {
+  const status = resolvePositionStatus(position);
+  if (status === "won_unclaimed") return "active";
+  if (status === "open") return "active";
+  return "closed";
+};
+var getTotalTradedValue = (position) => {
+  if (isFiniteNumber(position.totalTradedValue)) return position.totalTradedValue;
+  const closedValue = parseCurrencyLabel(position.closedTotalTradedLabel);
+  if (closedValue != null) return closedValue;
+  const avgPrice = getAveragePrice(position);
+  const totalShares = position.venueShareBreakdown.reduce((sum, row) => {
+    var _a, _b;
+    const shares = Number((_b = (_a = row.sharesLabel.match(/-?\d+(?:\.\d+)?/)) == null ? void 0 : _a[0]) != null ? _b : Number.NaN);
+    return Number.isFinite(shares) ? sum + shares : sum;
+  }, 0);
+  return avgPrice != null && totalShares > 0 ? avgPrice * totalShares : parseCurrencyLabel(position.valueLabel);
+};
+var getAveragePrice = (position) => {
+  if (isFiniteNumber(position.averagePrice)) return position.averagePrice;
+  return parsePriceLabel(position.averageLabel);
+};
+var getCurrentPrice = (position) => {
+  if (isFiniteNumber(position.currentPrice)) return position.currentPrice;
+  return parsePriceLabel(position.currentLabel);
+};
+var getCurrentValue = (position) => {
+  if (isFiniteNumber(position.currentValue)) return position.currentValue;
+  return parseCurrencyLabel(position.valueLabel);
+};
+var getFinalPayoutValue = (position) => {
+  if (isFiniteNumber(position.finalPayoutValue)) return position.finalPayoutValue;
+  if (position.closedAmountWonLabel) return parseCurrencyLabel(position.closedAmountWonLabel);
+  if (position.winner === false) return 0;
+  return getCurrentValue(position);
+};
+var getFinalPrice = (position) => {
+  if (isFiniteNumber(position.finalPrice)) return position.finalPrice;
+  if (position.marketStatus === "resolved" && position.winner === true) return 1;
+  if (position.marketStatus === "resolved" && position.winner === false) return 0;
+  return getCurrentPrice(position);
+};
+var getPnlValue = (position, value) => {
+  if (isFiniteNumber(position.pnlValue)) return position.pnlValue;
+  const totalTraded = getTotalTradedValue(position);
+  if (value != null && totalTraded != null) return value - totalTraded;
+  return parseCurrencyLabel(position.pnlLabel);
+};
+var getPnlPercent = (position, pnlValue) => {
+  var _a;
+  if (isFiniteNumber(position.pnlPercent)) return position.pnlPercent;
+  const parsed = parsePercentLabel((_a = position.closedReturnLabel) != null ? _a : position.pnlLabel);
+  if (parsed != null) return parsed;
+  const totalTraded = getTotalTradedValue(position);
+  if (pnlValue != null && totalTraded && totalTraded !== 0)
+    return pnlValue / Math.abs(totalTraded) * 100;
+  return null;
+};
+var getFinalPnlValue = (position, value) => {
+  if (isFiniteNumber(position.finalPnlValue)) return position.finalPnlValue;
+  const totalTraded = getTotalTradedValue(position);
+  if (value != null && totalTraded != null) return value - totalTraded;
+  return null;
+};
+var getFinalPnlPercent = (position, pnlValue) => {
+  if (isFiniteNumber(position.finalPnlPercent)) return position.finalPnlPercent;
+  const parsed = parsePercentLabel(position.closedReturnLabel);
+  if (parsed != null) return parsed;
+  const totalTraded = getTotalTradedValue(position);
+  if (pnlValue != null && totalTraded && totalTraded !== 0) {
+    return pnlValue / Math.abs(totalTraded) * 100;
+  }
+  return null;
+};
+var getPositionTone = (value) => {
+  if (!isFiniteNumber(value) || value === 0) return "neutral";
+  return value > 0 ? "positive" : "negative";
+};
+var toPositionRowViewModel = (position, labels = defaultLabels) => {
+  const positionStatus = resolvePositionStatus(position);
+  const currentValue = getCurrentValue(position);
+  const currentPnl = getPnlValue(position, currentValue);
+  const currentPercent = getPnlPercent(position, currentPnl);
+  const finalPayout = getFinalPayoutValue(position);
+  const payoutPnl = getFinalPnlValue(position, finalPayout);
+  const payoutPercent = getFinalPnlPercent(position, payoutPnl);
+  return {
+    position,
+    positionStatus,
+    bucket: resolvePositionBucket(position),
+    title: position.title || missingLabel,
+    thumbnailSrc: position.thumbnailSrc,
+    selectedOutcomeLabel: position.outcomeLabel || missingLabel,
+    resolutionLabel: position.outcomeLabel || missingLabel,
+    venueShareBreakdown: position.venueShareBreakdown,
+    totalTraded: {
+      primaryLabel: formatCurrency(getTotalTradedValue(position)),
+      averageLabel: `${labels.avgPrefix} ${formatPriceCents(getAveragePrice(position))}`
+    },
+    currentValue: {
+      primaryLabel: formatCurrency(currentValue),
+      deltaLabel: formatSignedCurrency(currentPnl),
+      priceLabel: `${labels.nowPrefix} ${formatPriceCents(getCurrentPrice(position))}`,
+      percentLabel: formatSignedPercent(currentPercent),
+      tone: getPositionTone(currentPnl)
+    },
+    payout: {
+      primaryLabel: formatCurrency(finalPayout),
+      deltaLabel: formatSignedCurrency(payoutPnl),
+      priceLabel: `${labels.finalPrefix} ${formatPriceCents(getFinalPrice(position))}`,
+      percentLabel: formatSignedPercent(payoutPercent),
+      tone: getPositionTone(payoutPnl)
+    },
+    canClaim: positionStatus === "won_unclaimed" && position.closedClaimStatus !== "pending"
+  };
+};
+
 // src/pages/user-profile/components/activity-row.tsx
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var shouldUseNativeLinkNavigation = (event) => {
@@ -1635,131 +1799,121 @@ EmptyState.displayName = "EmptyState";
 // src/pages/user-profile/components/position-row.tsx
 import { optimizedImageUrl, useLabels as useLabels3 } from "@agg-build/hooks";
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var resolveBadge = (position, labels) => {
-  if (position.marketStatus === "resolved") {
-    if (position.winner === true) return { label: labels.won, tone: "won" };
-    if (position.winner === false) return { label: labels.lost, tone: "lost" };
-    return { label: labels.resolved, tone: "resolved" };
-  }
-  if (position.marketStatus === "closed") {
-    return { label: labels.marketClosed, tone: "market-closed" };
-  }
-  if (position.status === "closed") {
-    return { label: labels.closed, tone: "closed" };
-  }
-  return null;
-};
-var isMarketResolved = (position) => position.marketStatus === "resolved";
-var badgeToneClass = (tone) => {
-  switch (tone) {
-    case "won":
-      return "bg-agg-success/10 text-agg-success";
-    case "lost":
-      return "bg-agg-error/10 text-agg-error";
-    case "resolved":
-    case "market-closed":
-    case "closed":
-      return "bg-agg-secondary-hover text-agg-muted-foreground";
-  }
+var shouldUseNativeLinkNavigation2 = (event) => {
+  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
-var resolveClosedReturnToneClass = (position) => {
-  var _a;
-  if (!isMarketResolved(position)) return "text-agg-muted-foreground";
-  if (position.winner === true) return "text-agg-success";
-  if (position.winner === false) return "text-agg-error";
-  const returnLabel = ((_a = position.closedReturnLabel) != null ? _a : "").trim();
-  if (returnLabel.startsWith("+")) return "text-agg-success";
-  if (returnLabel.startsWith("-")) return "text-agg-error";
+var toneTextClassName = (tone) => {
+  if (tone === "positive") return "text-agg-success";
+  if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var shouldUseNativeLinkNavigation2 = (event) => {
-  return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
+var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
+var VenueShares = ({
+  model,
+  className,
+  keyPrefix
+}) => {
+  if (model.venueShareBreakdown.length === 0) return null;
+  return /* @__PURE__ */ jsx6("div", { className, children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: "flex items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsx6(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: row.sharesLabel })
+      ]
+    },
+    `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
+  )) });
 };
-var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: label }) });
-var PositionBadgeNode = ({ badge }) => {
-  if (!badge) return null;
-  return /* @__PURE__ */ jsx6(
+var StatusBadge = ({
+  status,
+  labels
+}) => {
+  if (status === "lost" || status === "won_claimed") return null;
+  const isWon = status === "won_unclaimed";
+  return /* @__PURE__ */ jsxs6(
     "span",
     {
       className: cn(
-        "agg-position-badge inline-flex items-center rounded-full px-3 py-[4px]",
-        "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal whitespace-nowrap",
-        badgeToneClass(badge.tone)
+        "agg-position-status-badge inline-flex items-center justify-center gap-1 rounded-[4px] border px-2 py-[2px]",
+        "font-agg-sans text-[10px] leading-agg-14 font-agg-bold uppercase whitespace-nowrap",
+        isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-foreground"
       ),
-      children: badge.label
+      children: [
+        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5" }),
+        isWon ? labels.won : labels.open
+      ]
     }
   );
 };
-var VenueShares = ({
-  position,
-  className,
-  keyPrefix
-}) => /* @__PURE__ */ jsx6("div", { className, children: position.venueShareBreakdown.map((row, index) => /* @__PURE__ */ jsxs6(
-  "div",
-  {
-    className: "flex items-center gap-1",
-    children: [
-      /* @__PURE__ */ jsx6(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
-      /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: row.sharesLabel })
-    ]
-  },
-  `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
-)) });
-var ClosedResultBadge = ({
-  position,
+var ResultBadge = ({
+  status,
   labels
 }) => {
-  if (!isMarketResolved(position)) return null;
-  if (position.winner == null) return null;
-  const isWon = position.winner === true;
+  if (status !== "won_claimed" && status !== "lost" && status !== "sold") return null;
+  const isWon = status === "won_claimed";
+  const isSold = status === "sold";
   return /* @__PURE__ */ jsxs6(
     "span",
     {
       className: cn(
-        "inline-flex items-center gap-1 rounded-[4px] border px-2 py-[2px]",
-        isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-error/50 bg-agg-error/10 text-agg-error"
+        "agg-position-result-badge inline-flex items-center justify-center gap-1 rounded-[4px] border px-2 py-[2px]",
+        "font-agg-sans text-[10px] leading-agg-14 font-agg-bold uppercase whitespace-nowrap",
+        isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : isSold ? "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-muted-foreground" : "border-agg-error/50 bg-agg-error/10 text-agg-error"
       ),
       children: [
-        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "cross-circle", size: "small", className: "size-2.5" }),
-        /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-[10px] leading-agg-14 font-agg-bold uppercase", children: isWon ? labels.won : labels.lost })
+        /* @__PURE__ */ jsx6(
+          Icon,
+          {
+            name: isWon ? "check-circle" : isSold ? "hourglass-start" : "cross-circle",
+            size: "small",
+            className: "size-2.5!"
+          }
+        ),
+        isWon ? labels.won : isSold ? labels.sold : labels.lost
       ]
     }
   );
 };
-var ClosedClaimState = ({
-  claimStatus,
-  onClaim,
-  isClaiming,
-  labels
-}) => {
-  if (claimStatus === "eligible") {
-    return /* @__PURE__ */ jsxs6(
-      "button",
+var TotalTradedCell = ({
+  model,
+  className
+}) => /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
+  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
+  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: model.totalTraded.averageLabel })
+] });
+var PositionValueCell = ({
+  value,
+  className
+}) => /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
+  /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
+    /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: value.primaryLabel }),
+    /* @__PURE__ */ jsx6(
+      "p",
       {
-        type: "button",
-        className: "inline-flex h-8 items-center justify-center gap-1 rounded-agg-full bg-agg-primary px-4 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-white cursor-pointer disabled:cursor-not-allowed disabled:opacity-80",
-        onClick: (event) => {
-          event.preventDefault();
-          event.stopPropagation();
-          onClaim == null ? void 0 : onClaim();
-        },
-        disabled: isClaiming,
-        "aria-busy": isClaiming || void 0,
-        children: [
-          isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-white" }) : null,
-          /* @__PURE__ */ jsx6("span", { children: labels.claim })
-        ]
+        className: cn(
+          "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+          toneTextClassName(value.tone)
+        ),
+        children: value.deltaLabel
       }
-    );
-  }
-  if (claimStatus === "pending") {
-    return /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-bold uppercase text-agg-muted-foreground", children: labels.pending });
-  }
-  if (claimStatus === "redeemed") {
-    return /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-bold uppercase text-agg-muted-foreground", children: labels.claimed });
-  }
-  return null;
-};
+    )
+  ] }),
+  /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
+    /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: value.priceLabel }),
+    /* @__PURE__ */ jsx6(
+      "p",
+      {
+        className: cn(
+          "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
+          toneTextClassName(value.tone)
+        ),
+        children: value.percentLabel
+      }
+    )
+  ] })
+] });
 var PositionRow = ({
   position,
   variant,
@@ -1768,39 +1922,37 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
   const labels = useLabels3().userProfile.positions;
-  const resolvedVariant = variant != null ? variant : position.status === "closed" ? "closed" : "active";
-  const isClosed = resolvedVariant === "closed";
-  const badge = resolveBadge(position, labels);
-  const mobileValueLabel = isClosed ? (_a = position.closedAmountWonLabel) != null ? _a : position.valueLabel : position.valueLabel;
-  const mobileSecondaryLabel = isClosed ? (_b = position.closedReturnLabel) != null ? _b : position.pnlLabel : position.pnlLabel;
-  const closedReturnToneClass = resolveClosedReturnToneClass(position);
-  const mobileSecondaryToneClass = isClosed ? closedReturnToneClass : position.isPnlPositive ? "text-agg-success" : "text-agg-error";
+  const model = toPositionRowViewModel(position, {
+    avgPrefix: labels.avgPrefix,
+    nowPrefix: labels.nowPrefix,
+    finalPrefix: labels.finalPrefix
+  });
+  const isClosed = (variant != null ? variant : model.bucket) === "closed";
+  const handleClaim = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (!model.canClaim || isClaiming) return;
+    void (onClaim == null ? void 0 : onClaim(position));
+  };
   const handleAnchorClick = (event) => {
     if (shouldUseNativeLinkNavigation2(event)) return;
     if (!onClick) return;
     event.preventDefault();
     onClick(position);
   };
-  const handleAnchorAuxClick = (event) => {
-    if (event.button !== 1) return;
-  };
   const handleDivClick = () => {
     onClick == null ? void 0 : onClick(position);
   };
   const sharedClassName = cn(
-    "agg-position-row",
-    "relative cursor-pointer block",
+    "agg-position-row relative block cursor-pointer",
     "before:absolute before:-top-2 before:-left-2 before:-bottom-2 before:-right-2 before:z-0",
-    "before:transition-all before:duration-300 before:opacity-0 hover:before:opacity-100",
-    "before:bg-agg-secondary-hover before:rounded-agg-xl"
+    "before:rounded-agg-xl before:bg-agg-secondary-hover before:opacity-0 before:transition-all before:duration-300 hover:before:opacity-100"
   );
   const Wrapper = href ? "a" : "div";
   const wrapperProps = href ? {
     href,
-    onClick: handleAnchorClick,
-    onAuxClick: handleAnchorAuxClick
+    onClick: handleAnchorClick
   } : {
     role: "button",
     tabIndex: 0,
@@ -1815,29 +1967,28 @@ var PositionRow = ({
     "div",
     {
       className: cn(
-        "flex w-full flex-col gap-3 text-left transition-colors md:min-h-16 md:flex-row md:items-center",
-        isClosed ? "md:gap-10" : "md:gap-6",
-        "relative z-10"
+        "relative z-10 flex w-full flex-col gap-3 text-left transition-colors md:min-h-16 md:flex-row md:items-center",
+        isClosed ? "md:gap-8" : "md:gap-6"
       ),
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:flex-1 md:min-w-0 md:justify-start md:gap-4", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-3 md:w-auto md:min-w-0 md:flex-1 md:justify-start md:gap-4", children: [
           /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 items-center gap-3 md:gap-4", children: [
             /* @__PURE__ */ jsx6("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ jsx6(
               RemoteImage,
               {
-                src: optimizedImageUrl(position.thumbnailSrc, 60),
+                src: optimizedImageUrl(model.thumbnailSrc, 60),
                 alt: "",
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
             ) }),
-            /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx6("p", { className: "agg-position-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] md:text-agg-base md:leading-agg-6 md:whitespace-nowrap md:text-ellipsis md:[-webkit-line-clamp:1] md:[display:block]", children: position.title }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsx6("p", { className: "agg-position-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] md:block md:truncate md:text-agg-base md:leading-agg-6", children: model.title }),
               /* @__PURE__ */ jsxs6("div", { className: "hidden min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2 pt-1 md:flex", children: [
-                /* @__PURE__ */ jsx6(OutcomePill, { label: position.outcomeLabel }),
+                /* @__PURE__ */ jsx6(OutcomePill, { label: model.selectedOutcomeLabel }),
                 /* @__PURE__ */ jsx6(
                   VenueShares,
                   {
-                    position,
+                    model,
                     keyPrefix: "desktop",
                     className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
@@ -1846,112 +1997,85 @@ var PositionRow = ({
             ] })
           ] }),
           /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-end justify-center gap-1 whitespace-nowrap md:hidden", children: [
-            /* @__PURE__ */ jsx6("p", { className: "agg-position-value font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: mobileValueLabel }),
+            /* @__PURE__ */ jsx6("p", { className: "agg-position-value font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: isClosed ? model.payout.primaryLabel : model.currentValue.primaryLabel }),
             /* @__PURE__ */ jsx6(
               "p",
               {
                 className: cn(
                   "agg-position-pnl font-agg-sans text-agg-xs leading-agg-4 font-agg-normal",
-                  mobileSecondaryToneClass
+                  toneTextClassName(isClosed ? model.payout.tone : model.currentValue.tone)
                 ),
-                children: mobileSecondaryLabel
+                children: isClosed ? model.payout.deltaLabel : model.currentValue.deltaLabel
               }
             )
           ] })
         ] }),
-        isClosed ? /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center gap-3 md:hidden", children: [
-          /* @__PURE__ */ jsx6(OutcomePill, { label: position.outcomeLabel }),
-          /* @__PURE__ */ jsx6(PositionBadgeNode, { badge }),
-          /* @__PURE__ */ jsxs6("div", { className: "ml-auto flex items-baseline gap-3", children: [
-            /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: (_c = position.closedTotalTradedLabel) != null ? _c : position.valueLabel }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: (_d = position.closedAmountWonLabel) != null ? _d : position.valueLabel }),
-              /* @__PURE__ */ jsx6(ClosedResultBadge, { position, labels })
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-baseline gap-3 md:hidden", children: [
-          /* @__PURE__ */ jsx6(OutcomePill, { label: position.outcomeLabel }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
-              /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: position.averageLabel }),
-              /* @__PURE__ */ jsx6("span", { className: "inline-flex md:hidden font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "AVG." }),
-              /* @__PURE__ */ jsx6("span", { className: "hidden md:inline-flex font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "Average" })
-            ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-baseline gap-1.5", children: [
-              /* @__PURE__ */ jsx6("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: position.currentLabel }),
-              /* @__PURE__ */ jsx6("span", { className: "inline-flex md:hidden font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "CUR." }),
-              /* @__PURE__ */ jsx6("span", { className: "hidden md:inline-flex font-agg-sans text-agg-2xs leading-agg-14 font-agg-bold uppercase text-agg-muted-foreground", children: "Current" })
-            ] })
-          ] })
+        /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-wrap items-center gap-3 md:hidden", children: [
+          /* @__PURE__ */ jsx6(OutcomePill, { label: model.selectedOutcomeLabel }),
+          isClosed ? /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) : /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
+          !isClosed && model.canClaim ? /* @__PURE__ */ jsxs6(
+            "button",
+            {
+              type: "button",
+              className: "ml-auto inline-flex h-8 items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-accent disabled:cursor-not-allowed disabled:opacity-60",
+              onClick: handleClaim,
+              disabled: isClaiming,
+              "aria-busy": isClaiming || void 0,
+              children: [
+                isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-accent" }) : null,
+                labels.claim
+              ]
+            }
+          ) : null
         ] }),
         /* @__PURE__ */ jsx6(
           VenueShares,
           {
-            position,
+            model,
             keyPrefix: "mobile",
             className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2 md:hidden"
           }
         ),
         isClosed ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6("p", { className: "hidden w-[160px] shrink-0 text-agg-base leading-agg-6 font-agg-bold text-agg-foreground md:block", children: (_e = position.closedTotalTradedLabel) != null ? _e : position.valueLabel }),
-          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[160px] shrink-0 flex-col items-start gap-1 md:flex", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: (_f = position.closedAmountWonLabel) != null ? _f : position.valueLabel }),
-              /* @__PURE__ */ jsx6(ClosedResultBadge, { position, labels })
-            ] }),
-            /* @__PURE__ */ jsx6(
-              "p",
-              {
-                className: cn(
-                  "font-agg-sans text-agg-base leading-agg-6 font-agg-normal",
-                  closedReturnToneClass
-                ),
-                children: (_g = position.closedReturnLabel) != null ? _g : position.pnlLabel
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx6("div", { className: "hidden min-w-[72px] shrink-0 items-center justify-center md:flex", children: /* @__PURE__ */ jsx6(
-            ClosedClaimState,
-            {
-              claimStatus: position.closedClaimStatus,
-              onClaim: onClaim ? () => void onClaim(position) : void 0,
-              isClaiming,
-              labels
-            }
-          ) }),
-          /* @__PURE__ */ jsx6("div", { className: "hidden w-11 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx6(
-            Icon,
+          /* @__PURE__ */ jsx6("div", { className: "hidden w-[120px] shrink-0 md:block", children: /* @__PURE__ */ jsx6(OutcomePill, { label: model.resolutionLabel }) }),
+          /* @__PURE__ */ jsx6(TotalTradedCell, { model, className: "hidden w-[140px] shrink-0 md:flex" }),
+          /* @__PURE__ */ jsx6(PositionValueCell, { value: model.payout, className: "hidden w-[160px] shrink-0 md:flex" }),
+          /* @__PURE__ */ jsx6("div", { className: "hidden w-[60px] shrink-0 items-center md:flex", children: /* @__PURE__ */ jsx6(ResultBadge, { status: model.positionStatus, labels }) })
+        ] }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+          /* @__PURE__ */ jsx6(TotalTradedCell, { model, className: "hidden w-[140px] shrink-0 md:flex" }),
+          /* @__PURE__ */ jsx6(
+            PositionValueCell,
             {
-              name: "chevron-right",
-              size: "small",
-              className: "size-5 shrink-0 text-agg-muted-foreground"
+              value: model.currentValue,
+              className: "hidden w-[160px] shrink-0 md:flex"
             }
-          ) })
-        ] }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6("p", { className: "agg-position-average hidden w-[80px] shrink-0 agg-type-title text-agg-foreground md:block", children: position.averageLabel }),
-          /* @__PURE__ */ jsx6("p", { className: "agg-position-current hidden w-[80px] shrink-0 agg-type-title text-agg-foreground md:block", children: position.currentLabel }),
-          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[120px] shrink-0 flex-col items-end justify-center gap-1 whitespace-nowrap md:flex", children: [
-            /* @__PURE__ */ jsx6("p", { className: "agg-position-value font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.valueLabel }),
-            /* @__PURE__ */ jsx6(
-              "p",
+          ),
+          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-2 md:flex", children: [
+            /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
+            model.canClaim ? /* @__PURE__ */ jsxs6(
+              "button",
               {
-                className: cn(
-                  "agg-position-pnl font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
-                  position.isPnlPositive ? "text-agg-success" : "text-agg-error"
-                ),
-                children: position.pnlLabel
+                type: "button",
+                className: "inline-flex h-6 items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+                onClick: handleClaim,
+                disabled: isClaiming,
+                "aria-busy": isClaiming || void 0,
+                children: [
+                  isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
+                  labels.claim
+                ]
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsx6("div", { className: "hidden w-11 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx6(
-            Icon,
-            {
-              name: "chevron-right",
-              size: "small",
-              className: "size-5 shrink-0 text-agg-muted-foreground"
-            }
-          ) })
-        ] })
+            ) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6("div", { className: "hidden w-5 shrink-0 items-center justify-end md:flex", children: /* @__PURE__ */ jsx6(
+          Icon,
+          {
+            name: "chevron-right",
+            size: "small",
+            className: "size-5 shrink-0 text-agg-muted-foreground"
+          }
+        ) })
       ]
     }
   ) }));
@@ -2012,18 +2136,45 @@ var PositionsActivity = ({
   const [positionFilter, setPositionFilter] = useState5(initialPositionFilter);
   const [searchValue, setSearchValue] = useState5("");
   const [isSearchFocused, setIsSearchFocused] = useState5(false);
+  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = useState5(
+    () => /* @__PURE__ */ new Set()
+  );
   const positionsLoadMoreRef = useRef3(null);
   const activitiesLoadMoreRef = useRef3(null);
   const rowsScrollRef = useRef3(null);
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
-  const positionsForCurrentFilter = positionFilter === "active" ? activePositions : closedPositions;
+  const positionsForCurrentFilter = useMemo2(() => {
+    if (positionFilter === "active") {
+      return activePositions.filter((position) => !locallyClaimedPositionIds.has(position.id));
+    }
+    const byId = /* @__PURE__ */ new Map();
+    for (const position of closedPositions) {
+      byId.set(position.id, position);
+    }
+    for (const position of activePositions) {
+      if (!locallyClaimedPositionIds.has(position.id)) continue;
+      byId.set(position.id, __spreadProps(__spreadValues({}, position), {
+        status: "closed",
+        closedClaimStatus: "redeemed"
+      }));
+    }
+    return Array.from(byId.values());
+  }, [activePositions, closedPositions, locallyClaimedPositionIds, positionFilter]);
   const filteredPositions = useMemo2(() => {
     if (!searchValue.trim()) return positionsForCurrentFilter;
     const q = searchValue.toLowerCase();
     return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
   }, [positionsForCurrentFilter, searchValue]);
+  const handleClaimPosition = (position) => __async(null, null, function* () {
+    yield onClaim == null ? void 0 : onClaim(position);
+    setLocallyClaimedPositionIds((prev) => {
+      const next = new Set(prev);
+      next.add(position.id);
+      return next;
+    });
+  });
   const handlePositionFilterChange = (filter) => {
     setPositionFilter(filter);
     onPositionFilterChange == null ? void 0 : onPositionFilterChange(filter);
@@ -2039,10 +2190,14 @@ var PositionsActivity = ({
       title: position.title,
       thumbnailSrc: position.thumbnailSrc,
       metaPrimary: position.outcomeLabel,
-      metaSecondary: position.valueLabel,
+      metaSecondary: toPositionRowViewModel(position, {
+        avgPrefix: positionsLabels.avgPrefix,
+        nowPrefix: positionsLabels.nowPrefix,
+        finalPrefix: positionsLabels.finalPrefix
+      }).currentValue.primaryLabel,
       raw: position
     }));
-  }, [filteredPositions, isPositionsTab, searchValue]);
+  }, [filteredPositions, isPositionsTab, positionsLabels, searchValue]);
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
@@ -2140,7 +2295,7 @@ var PositionsActivity = ({
                           "flex flex-1 cursor-pointer items-center justify-center px-3 py-3 font-agg-sans text-agg-sm leading-agg-5 sm:px-4 sm:text-agg-base sm:leading-agg-6",
                           isActive ? "bg-agg-secondary-hover font-agg-bold text-agg-primary" : "bg-agg-secondary font-agg-normal text-agg-foreground hover:bg-agg-secondary-hover"
                         ),
-                        children: filter.label
+                        children: filter.value === "active" ? positionsLabels.activeFilter : positionsLabels.closedFilter
                       }
                     )
                   ] }, filter.value);
@@ -2163,7 +2318,7 @@ var PositionsActivity = ({
                           {
                             value: searchValue,
                             onChange: handleSearchChange,
-                            placeholder: "Search...",
+                            placeholder: positionsLabels.searchPlaceholder,
                             className: cn(
                               "h-6 w-full min-w-0 border-0 bg-transparent p-0",
                               "font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
@@ -2251,25 +2406,26 @@ var PositionsActivity = ({
                             );
                           })
                         }
-                      ) : /* @__PURE__ */ jsx7("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No results" }) }) : null
+                      ) : /* @__PURE__ */ jsx7("div", { className: "px-5 py-6 font-agg-sans text-agg-sm leading-agg-5 text-agg-muted-foreground", children: positionsLabels.noResults }) }) : null
                     ]
                   }
                 )
               ] }) : null,
               /* @__PURE__ */ jsxs7("div", { className: "agg-positions-table-wrapper flex w-full gap-0 flex-col", children: [
                 /* @__PURE__ */ jsxs7("div", { className: "w-full px-4 sm:px-6", children: [
-                  isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-10 px-0 md:flex", children: [
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: "Market" }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.totalTradedHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.amountWonHeader }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-[72px] shrink-0 text-center", children: positionsLabels.claimHeader }),
-                    /* @__PURE__ */ jsx7("span", { className: "hidden w-11 shrink-0 sm:block", "aria-hidden": true })
+                  isPositionsTab && filteredPositions.length > 0 ? isClosedPositionsFilter ? /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-8 px-0 md:flex", children: [
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0", children: positionsLabels.resolutionHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[140px] shrink-0", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.payoutHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[60px] shrink-0", children: positionsLabels.resultHeader }),
+                    /* @__PURE__ */ jsx7("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
                   ] }) : /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: "Market" }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[80px] shrink-0", children: "Average" }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[80px] shrink-0", children: "Current" }),
-                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[120px] shrink-0 text-right", children: "Value" }),
-                    /* @__PURE__ */ jsx7("span", { className: "hidden w-11 shrink-0 sm:block", "aria-hidden": true })
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header min-w-0 flex-1", children: positionsLabels.marketHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[140px] shrink-0", children: positionsLabels.totalTradedHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[160px] shrink-0", children: positionsLabels.currentValueHeader }),
+                    /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-[100px] shrink-0", children: positionsLabels.statusHeader }),
+                    /* @__PURE__ */ jsx7("span", { className: "hidden w-5 shrink-0 sm:block", "aria-hidden": true })
                   ] }) : null,
                   isActivityTab && filteredActivities.length > 0 ? /* @__PURE__ */ jsxs7("div", { className: "hidden items-start gap-6 px-0 md:flex", children: [
                     /* @__PURE__ */ jsx7("p", { className: "agg-user-profile-table-header w-22 shrink-0", children: "Type" }),
@@ -2313,7 +2469,7 @@ var PositionsActivity = ({
                               variant: positionFilter,
                               href: getPositionHref == null ? void 0 : getPositionHref(position),
                               onClick: onPositionClick,
-                              onClaim,
+                              onClaim: handleClaimPosition,
                               isClaiming: Boolean(
                                 claimingPositionKeys == null ? void 0 : claimingPositionKeys[(_a = position.marketId) != null ? _a : position.id]
                               )
@@ -2511,7 +2667,7 @@ var UserInfoCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-start gap-4 sm:gap-5 pt-5", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
           /* @__PURE__ */ jsx10("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
             RemoteImage,
             {
@@ -2827,7 +2983,8 @@ var OPEN_ORDER_STATUSES = /* @__PURE__ */ new Set([
   "submitting",
   "submitted"
 ]);
-var OPEN_ORDERS_REFETCH_INTERVAL_MS = 1e4;
+var SHOW_SOLD_POSITIONS = false;
+var SOLD_POSITION_SHARES_THRESHOLD = 0.1;
 var isOpenOrderStatus = (status) => OPEN_ORDER_STATUSES.has(status.toLowerCase());
 var getActivityErrorMessage = (item) => {
   if (!("errorMessage" in item)) return null;
@@ -2985,7 +3142,9 @@ var UserProfilePage = ({
   const client = useAggClient();
   const labels = useLabels6();
   const queryClient = useQueryClient();
+  const redeemMutation = useRedeem();
   const [internalCancellingIds, setInternalCancellingIds] = useState6({});
+  const [internalClaimingIds, setInternalClaimingIds] = useState6({});
   const [profileUser, setProfileUser] = useState6(void 0);
   const shouldUseHookData = !user;
   const connectedVenues = useMemo3(() => {
@@ -3000,33 +3159,25 @@ var UserProfilePage = ({
     status: "active",
     limit: 25
   });
-  const [hasVisitedClosedTab, setHasVisitedClosedTab] = useState6(
-    initialPositionFilter === "closed"
-  );
   const closedPositionsQuery = useExecutionPositions({
-    enabled: shouldUseHookData && isAuthenticated && hasVisitedClosedTab,
+    enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
     limit: 25
   });
   const handlePositionFilterChange = useCallback3(
     (filter) => {
       setPositionFilter(filter);
-      if (filter === "closed") setHasVisitedClosedTab(true);
       onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
     },
     [onPositionFilterChangeProp]
   );
   useEffect4(() => {
     setPositionFilter(initialPositionFilter);
-    if (initialPositionFilter === "closed") {
-      setHasVisitedClosedTab(true);
-    }
   }, [initialPositionFilter]);
   const ordersQuery = useExecutionOrders({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const { refetch: refetchOrders } = ordersQuery;
   const activityQuery = useUserActivity({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
@@ -3055,13 +3206,29 @@ var UserProfilePage = ({
     }),
     [client, onCancelOrder, queryClient]
   );
-  useEffect4(() => {
-    if (!shouldUseHookData || !isAuthenticated || typeof refetchOrders !== "function") return;
-    const intervalId = window.setInterval(() => {
-      void refetchOrders();
-    }, OPEN_ORDERS_REFETCH_INTERVAL_MS);
-    return () => window.clearInterval(intervalId);
-  }, [isAuthenticated, refetchOrders, shouldUseHookData]);
+  const handleClaimPosition = useCallback3(
+    (position) => __async(null, null, function* () {
+      var _a, _b;
+      if (onClaim) {
+        yield onClaim(position);
+        return;
+      }
+      const venueMarketOutcomeIds = (_a = position.winningOutcomeIds) != null ? _a : [];
+      if (venueMarketOutcomeIds.length === 0) return;
+      const claimKey = (_b = position.marketId) != null ? _b : position.id;
+      setInternalClaimingIds((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
+      try {
+        yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
+        yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
+      } finally {
+        setInternalClaimingIds((prev) => {
+          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
+          return rest;
+        });
+      }
+    }),
+    [onClaim, queryClient, redeemMutation]
+  );
   useEffect4(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
@@ -3085,7 +3252,8 @@ var UserProfilePage = ({
     var _a, _b, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const fallbackUsername = (fullUser == null ? void 0 : fullUser.id) ? `user_${fullUser.id.slice(0, 6)}` : "User";
+    const walletAddress = getWalletAddressFromUserProfile(fullUser);
+    const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
     );
@@ -3110,7 +3278,7 @@ var UserProfilePage = ({
       ] : [],
       connectedExchanges: connectedVenues.map((venue) => ({ venue })),
       connectedWallets,
-      displayAddress: shortenAddress(getWalletAddressFromUserProfile(fullUser)),
+      displayAddress: shortenAddress(walletAddress),
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
@@ -3260,16 +3428,28 @@ var UserProfilePage = ({
     (groups) => {
       return groups.flatMap((group) => {
         var _a, _b;
-        const closedTotals = group.status === "closed" ? computeClosedPositionTotals(group) : void 0;
+        const closedTotals = computeClosedPositionTotals(group);
         const venueEventId = (_a = group.venueMarket.venueEventId) != null ? _a : void 0;
         const eventId = (_b = group.eventId) != null ? _b : venueEventId;
         const marketId = group.targetMarketId;
         return group.venueMarket.venueMarketOutcomes.map((outcome) => {
           var _a2, _b2, _c, _d;
-          const currentPriceCents = Math.round(outcome.currentPrice * 100);
+          const isResolved = group.venueMarket.status === "resolved";
+          const isUnpriced = outcome.priceSource === "entry";
           const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
-          const pnlPrefix = outcome.unrealizedPnl >= 0 ? "+" : "";
-          const pnlPercent = outcome.unrealizedPnlPercent.toFixed(2);
+          const totalTradedValue = outcome.avgEntryPrice * outcome.totalSize;
+          const finalPayoutValue = isResolved ? outcome.winner === true ? outcome.totalValue : 0 : outcome.totalValue;
+          const finalPrice = isResolved ? outcome.winner === true ? 1 : 0 : outcome.currentPrice;
+          const finalPnlValue = finalPayoutValue - totalTradedValue;
+          const finalPnlPercent = totalTradedValue === 0 ? 0 : finalPnlValue / Math.abs(totalTradedValue) * 100;
+          const displayCurrentPrice = isResolved ? finalPrice : isUnpriced ? null : outcome.currentPrice;
+          const displayCurrentValue = isResolved ? finalPayoutValue : isUnpriced ? null : outcome.totalValue;
+          const displayPnlValue = isResolved ? finalPnlValue : isUnpriced ? null : outcome.unrealizedPnl;
+          const displayPnlPercent = isResolved ? finalPnlPercent : isUnpriced ? null : outcome.unrealizedPnlPercent;
+          const currentPriceCents = typeof displayCurrentPrice === "number" ? Math.round(displayCurrentPrice * 100) : null;
+          const pnlPrefix = (displayPnlValue != null ? displayPnlValue : 0) >= 0 ? "+" : "";
+          const pnlPercent = displayPnlPercent == null ? null : displayPnlPercent.toFixed(2);
+          const winningOutcomeIds = outcome.winner === true ? outcome.venueBreakdown.map((breakdown) => breakdown.venueMarketOutcomeId).filter((id) => !!id) : [];
           return {
             id: `${group.targetMarketId}-${outcome.label}-${(_a2 = outcome.title) != null ? _a2 : ""}`,
             eventId,
@@ -3278,20 +3458,31 @@ var UserProfilePage = ({
             title: group.venueMarket.question,
             outcomeLabel: ((_c = outcome.title) == null ? void 0 : _c.trim()) || outcome.label,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
+            totalShares: outcome.totalSize,
             averageLabel: `${averagePriceCents}\xA2`,
-            currentLabel: `${currentPriceCents}\xA2`,
-            valueLabel: formatUsd(outcome.totalValue),
-            pnlLabel: `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
-            isPnlPositive: outcome.unrealizedPnl >= 0,
+            averagePrice: outcome.avgEntryPrice,
+            currentLabel: currentPriceCents == null ? "\u2014" : `${currentPriceCents}\xA2`,
+            currentPrice: displayCurrentPrice,
+            valueLabel: displayCurrentValue == null ? "\u2014" : formatUsd(displayCurrentValue),
+            currentValue: displayCurrentValue,
+            pnlLabel: displayPnlValue == null || pnlPercent == null ? "\u2014" : `${pnlPrefix}${formatUsd(displayPnlValue)} (${pnlPrefix}${pnlPercent}%)`,
+            pnlValue: displayPnlValue,
+            pnlPercent: displayPnlPercent,
+            isPnlPositive: displayPnlValue != null && displayPnlValue >= 0,
             status: group.status,
             marketStatus: group.venueMarket.status,
             winner: (_d = outcome.winner) != null ? _d : null,
             resolutionDate: group.resolutionDate,
-            closedTotalTradedLabel: closedTotals ? formatUsd(closedTotals.totalTraded) : void 0,
-            closedAmountWonLabel: closedTotals ? formatUsd(closedTotals.amountWon) : void 0,
-            closedReturnLabel: closedTotals ? formatSignedPercentLabel(closedTotals.returnPct) : void 0,
-            closedClaimStatus: closedTotals ? group.redeemStatus : void 0,
-            winningOutcomeIds: closedTotals == null ? void 0 : closedTotals.winningOutcomeIds
+            closedTotalTradedLabel: formatUsd(totalTradedValue),
+            totalTradedValue,
+            closedAmountWonLabel: formatUsd(finalPayoutValue),
+            finalPayoutValue,
+            finalPnlValue,
+            finalPnlPercent,
+            finalPrice,
+            closedReturnLabel: formatSignedPercentLabel(finalPnlPercent / 100),
+            closedClaimStatus: group.redeemStatus,
+            winningOutcomeIds: winningOutcomeIds.length > 0 ? winningOutcomeIds : closedTotals.winningOutcomeIds
           };
         });
       });
@@ -3299,13 +3490,73 @@ var UserProfilePage = ({
     []
   );
   const resolvedActivePositions = useMemo3(() => {
-    if (activePositions) return activePositions;
-    return adaptPositionGroups(activePositionsQuery.positions);
-  }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
+    const shouldIncludeByShares = (position) => {
+      if (SHOW_SOLD_POSITIONS) return true;
+      if (typeof position.totalShares !== "number") return true;
+      return position.totalShares >= SOLD_POSITION_SHARES_THRESHOLD;
+    };
+    const classifyPosition = (position) => {
+      if (position.winner === true) {
+        return position.closedClaimStatus === "redeemed" ? "closed" : "active";
+      }
+      if (position.winner === false) return "closed";
+      if (position.marketStatus === "closed" || position.marketStatus === "resolved") {
+        return "closed";
+      }
+      return "active";
+    };
+    const sourcePositions = activePositions || closedPositions ? [...activePositions != null ? activePositions : [], ...closedPositions != null ? closedPositions : []] : [
+      ...adaptPositionGroups(activePositionsQuery.positions),
+      ...adaptPositionGroups(closedPositionsQuery.positions)
+    ];
+    const deduped = /* @__PURE__ */ new Map();
+    for (const position of sourcePositions) {
+      deduped.set(position.id, position);
+    }
+    return Array.from(deduped.values()).filter(
+      (position) => shouldIncludeByShares(position) && classifyPosition(position) === "active"
+    );
+  }, [
+    activePositions,
+    activePositionsQuery.positions,
+    adaptPositionGroups,
+    closedPositions,
+    closedPositionsQuery.positions
+  ]);
   const resolvedClosedPositions = useMemo3(() => {
-    if (closedPositions) return closedPositions;
-    return adaptPositionGroups(closedPositionsQuery.positions);
-  }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
+    const shouldIncludeByShares = (position) => {
+      if (SHOW_SOLD_POSITIONS) return true;
+      if (typeof position.totalShares !== "number") return true;
+      return position.totalShares >= SOLD_POSITION_SHARES_THRESHOLD;
+    };
+    const classifyPosition = (position) => {
+      if (position.winner === true) {
+        return position.closedClaimStatus === "redeemed" ? "closed" : "active";
+      }
+      if (position.winner === false) return "closed";
+      if (position.marketStatus === "closed" || position.marketStatus === "resolved") {
+        return "closed";
+      }
+      return "active";
+    };
+    const sourcePositions = activePositions || closedPositions ? [...activePositions != null ? activePositions : [], ...closedPositions != null ? closedPositions : []] : [
+      ...adaptPositionGroups(activePositionsQuery.positions),
+      ...adaptPositionGroups(closedPositionsQuery.positions)
+    ];
+    const deduped = /* @__PURE__ */ new Map();
+    for (const position of sourcePositions) {
+      deduped.set(position.id, position);
+    }
+    return Array.from(deduped.values()).filter(
+      (position) => shouldIncludeByShares(position) && classifyPosition(position) === "closed"
+    );
+  }, [
+    activePositions,
+    activePositionsQuery.positions,
+    adaptPositionGroups,
+    closedPositions,
+    closedPositionsQuery.positions
+  ]);
   return /* @__PURE__ */ jsx11(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx11(
     "section",
     {
@@ -3380,8 +3631,8 @@ var UserProfilePage = ({
                 openOrders: resolvedOpenOrders,
                 onPositionClick,
                 getPositionHref,
-                onClaim,
-                claimingPositionKeys,
+                onClaim: handleClaimPosition,
+                claimingPositionKeys: claimingPositionKeys != null ? claimingPositionKeys : internalClaimingIds,
                 onActivityClick,
                 getActivityHref,
                 onOpenOrderClick,