@loafmarkets/ui 0.1.411 → 0.1.412

package/dist/index.d.mts

@@ -1062,6 +1062,18 @@ type PortfolioActivityPanelProps = {
     /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
     onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
+    /**
+     * Close EVERY open position, in one handover to the host page. Sell All only
+     * renders when this is provided.
+     *
+     * The panel deliberately does not sequence this itself: `onClosePosition` is
+     * the per-ROW action, and on a trading page it re-points the page at that
+     * row's market — so fanning it out per position navigated once per position
+     * and closed nothing. The host owns ordering, per-order submission and the
+     * result report (and, once the backend session signer is retired, the
+     * signature prompt each order needs).
+     */
+    onCloseAllPositions?: (type: 'market' | 'limit') => Promise<void> | void;
     /** Open the shareable position card for a held position. */
     onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
@@ -1080,7 +1092,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, onCloseAllPositions, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;

package/dist/index.d.ts

@@ -1062,6 +1062,18 @@ type PortfolioActivityPanelProps = {
     /** Click handler for the asset name in the Open Orders / Order History / Trade History rows — opens that asset. */
     onAssetClick?: (tokenName: string) => void;
     onClosePosition?: (tokenName: string, type: 'market' | 'limit', quantity: number, marketPrice: number) => void;
+    /**
+     * Close EVERY open position, in one handover to the host page. Sell All only
+     * renders when this is provided.
+     *
+     * The panel deliberately does not sequence this itself: `onClosePosition` is
+     * the per-ROW action, and on a trading page it re-points the page at that
+     * row's market — so fanning it out per position navigated once per position
+     * and closed nothing. The host owns ordering, per-order submission and the
+     * result report (and, once the backend session signer is retired, the
+     * signature prompt each order needs).
+     */
+    onCloseAllPositions?: (type: 'market' | 'limit') => Promise<void> | void;
     /** Open the shareable position card for a held position. */
     onSharePosition?: (pos: PortfolioPosition) => void;
     offeringOrders?: readonly OfferingOrder[];
@@ -1080,7 +1092,7 @@ type PortfolioActivityPanelProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
+declare function PortfolioActivityPanel({ positions, showPositionsTab, showSubscriptionsTab, onPositionClick, onSharePosition, onAssetClick, onClosePosition, onCloseAllPositions, offeringOrders, openOrders, orderHistory, tradeHistory, transfers, onCancelOrder, onCancelAllOrders, cancellingOrderId, compactPositions, defaultTab, onTabChange, pageSize, blockExplorerBaseUrl: _blockExplorerBaseUrl, className, style, }: PortfolioActivityPanelProps): react_jsx_runtime.JSX.Element;
 
 type SelectorItem = {
     readonly tokenName: string;

package/dist/index.js

@@ -15222,6 +15222,7 @@ function PortfolioActivityPanel({
   onSharePosition,
   onAssetClick,
   onClosePosition,
+  onCloseAllPositions,
   offeringOrders = [],
   openOrders = [],
   orderHistory = [],
@@ -15246,6 +15247,8 @@ function PortfolioActivityPanel({
   const [cancellingAll, setCancellingAll] = React5.useState(false);
   const [closeAllOpen, setCloseAllOpen] = React5.useState(false);
   const [closeAllType, setCloseAllType] = React5.useState("market");
+  const [closingAll, setClosingAll] = React5.useState(false);
+  const hasPositionActions = !!(onClosePosition || onSharePosition || onCloseAllPositions);
   const [posSortKey, setPosSortKey] = React5.useState("asset");
   const [posSortAsc, setPosSortAsc] = React5.useState(true);
   const handlePosSort = (key) => {
@@ -15424,7 +15427,6 @@ function PortfolioActivityPanel({
   const pagedTradeHistory = sortedTradeHistory.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
   const pagedTransfers = sortedTransfers.slice(currentPage * pageSize, (currentPage + 1) * pageSize);
   return /* @__PURE__ */ jsxRuntime.jsxs(Container2, { className, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PanelTitle, { children: "Activity" }),
     /* @__PURE__ */ jsxRuntime.jsxs(TabContainer, { children: [
       showPositionsTab && /* @__PURE__ */ jsxRuntime.jsxs(Tab, { $active: activeTab === "positions", onClick: () => handleTabChange("positions"), children: [
         "Trading Positions",
@@ -15480,7 +15482,7 @@ function PortfolioActivityPanel({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(CToolbarActions, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: toggleExpandAll, children: allExpanded ? "Collapse All" : "Expand All" }),
-              onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: () => setCloseAllOpen(true), children: "Sell All" })
+              onCloseAllPositions && /* @__PURE__ */ jsxRuntime.jsx(CToolbarLink, { onClick: () => setCloseAllOpen(true), children: "Sell All" })
             ] })
           ] }),
           sortedPositions.map((pos) => {
@@ -15556,7 +15558,7 @@ function PortfolioActivityPanel({
           })
         ] }),
         positions.length > 0 && !compactPositions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(PositionsHeader, { $hasClose: !!(onClosePosition || onSharePosition), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(PositionsHeader, { $hasClose: hasPositionActions, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(SortableHeaderCell, { $active: posSortKey === "asset", onClick: () => handlePosSort("asset"), children: [
               "Asset ",
               posSortKey === "asset" && (posSortAsc ? "\u2191" : "\u2193")
@@ -15581,7 +15583,7 @@ function PortfolioActivityPanel({
               "PNL (%) ",
               posSortKey === "pnl" && (posSortAsc ? "\u2191" : "\u2193")
             ] }),
-            onClosePosition && /* @__PURE__ */ jsxRuntime.jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Sell All" }) })
+            onCloseAllPositions && /* @__PURE__ */ jsxRuntime.jsx(PositionsHeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseAllHeaderBtn, { onClick: () => setCloseAllOpen(true), children: "Sell All" }) })
           ] }),
           sortedPositions.map((pos) => {
             const currentValue = pos.totalQuantity * pos.marketPrice;
@@ -15589,7 +15591,7 @@ function PortfolioActivityPanel({
             const pnl = pos.propertyPnl ?? currentValue - costBasis;
             const pnlPercent = pos.propertyPnlPercent ?? pos.percentChange ?? 0;
             const isPositive = pnl >= 0;
-            return /* @__PURE__ */ jsxRuntime.jsxs(PositionsRow, { $hasClose: !!(onClosePosition || onSharePosition), children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(PositionsRow, { $hasClose: hasPositionActions, children: [
               /* @__PURE__ */ jsxRuntime.jsx(PositionsCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(HoldingsPropertyLink, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: pos.tokenName }),
                 pos.settling && /* @__PURE__ */ jsxRuntime.jsx(SettlingTip, { children: /* @__PURE__ */ jsxRuntime.jsx(SettlingSpinner, {}) })
@@ -15636,11 +15638,15 @@ function PortfolioActivityPanel({
             ] }, pos.tokenName);
           })
         ] }),
-        positions.length > 0 && closeAllOpen && onClosePosition && typeof document !== "undefined" && ReactDOM.createPortal(
-          /* @__PURE__ */ jsxRuntime.jsx(CloseAllOverlay, { onClick: () => setCloseAllOpen(false), children: /* @__PURE__ */ jsxRuntime.jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CloseAllModalX, { onClick: () => setCloseAllOpen(false), children: "\xD7" }),
+        positions.length > 0 && closeAllOpen && onCloseAllPositions && typeof document !== "undefined" && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(CloseAllOverlay, { onClick: () => {
+            if (!closingAll) setCloseAllOpen(false);
+          }, children: /* @__PURE__ */ jsxRuntime.jsxs(CloseAllModal, { onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CloseAllModalX, { onClick: () => {
+              if (!closingAll) setCloseAllOpen(false);
+            }, children: "\xD7" }),
             /* @__PURE__ */ jsxRuntime.jsx(CloseAllTitle, { children: "Confirm Sell All" }),
-            /* @__PURE__ */ jsxRuntime.jsx(CloseAllDesc, { children: "This will sell all your positions and cancel their associated TP/SL orders." }),
+            /* @__PURE__ */ jsxRuntime.jsx(CloseAllDesc, { children: "This places a sell order for every position you hold, one at a time." }),
             /* @__PURE__ */ jsxRuntime.jsxs(CloseAllOption, { onClick: () => setCloseAllType("market"), children: [
               /* @__PURE__ */ jsxRuntime.jsx(CloseAllRadio, { $selected: closeAllType === "market" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Market Sell" })
@@ -15649,14 +15655,22 @@ function PortfolioActivityPanel({
               /* @__PURE__ */ jsxRuntime.jsx(CloseAllRadio, { $selected: closeAllType === "limit" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Limit Sell at Mid Price" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(CloseAllConfirmBtn, { onClick: () => {
-              positions.forEach((pos) => onClosePosition(pos.tokenName, closeAllType, pos.quantity, pos.marketPrice));
-              setCloseAllOpen(false);
-            }, children: [
-              "Confirm ",
-              closeAllType === "market" ? "Market" : "Limit",
-              " Sell"
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              CloseAllConfirmBtn,
+              {
+                disabled: closingAll,
+                onClick: async () => {
+                  setClosingAll(true);
+                  try {
+                    await onCloseAllPositions(closeAllType);
+                  } finally {
+                    setClosingAll(false);
+                    setCloseAllOpen(false);
+                  }
+                },
+                children: closingAll ? "Selling\u2026" : `Confirm ${closeAllType === "market" ? "Market" : "Limit"} Sell`
+              }
+            )
           ] }) }),
           document.body
         )
@@ -16215,17 +16229,6 @@ var ContentScroll = styled10__default.default.div`
   &::-webkit-scrollbar-track { background: transparent; }
   &::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 2px; }
 `;
-var PanelTitle = styled10__default.default.h3`
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--color-text, #fff);
-  margin: 0 0 0.75rem;
-  padding-left: 1rem;
-  /* Redundant on mobile — the tab row already says what this is. Reclaim the space. */
-  @media (max-width: 768px) {
-    display: none;
-  }
-`;
 var TabContainer = styled10__default.default.div`
   display: flex;
   gap: 0;
@@ -16678,9 +16681,14 @@ var CloseAllConfirmBtn = styled10__default.default.button`
   cursor: pointer;
   transition: all 0.15s ease;
 
-  &:hover {
+  &:hover:not(:disabled) {
     background: rgba(246, 70, 93, 0.25);
   }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
 `;
 var CToolbar = styled10__default.default.div`
   display: flex;