@agg-build/ui 1.2.7 → 1.2.8

package/dist/pages.js

@@ -98,7 +98,7 @@ module.exports = __toCommonJS(pages_exports);
 
 // src/pages/home/index.tsx
 var import_hooks53 = require("@agg-build/hooks");
-var import_sdk17 = require("@agg-build/sdk");
+var import_sdk18 = require("@agg-build/sdk");
 var import_react31 = require("react");
 
 // src/events/item/index.tsx
@@ -3509,7 +3509,7 @@ var SWITCH_BUTTON_ANIMATION_DURATION_MS = 350;
 var SWITCH_BUTTON_CONTAINER_CLASS_NAME = "group/agg-switch-button min-w-fit inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans cursor-pointer hover:bg-agg-tertiary";
 var SWITCH_BUTTON_TRACK_CLASS_NAME = "agg-switch-button-track relative grid min-w-0 flex-1 items-center";
 var SWITCH_BUTTON_TRACK_HIGHLIGHT_CLASS_NAME = "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border border-agg-primary bg-agg-secondary";
-var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
+var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
 
 // src/primitives/switch-button/switch-button.utils.ts
 var resolveActiveIndex = (options, value) => {
@@ -8254,6 +8254,7 @@ var Tooltip = ({
   side = "top",
   delayDuration = 150,
   collisionPadding = 12,
+  sideOffset = 0,
   classNames,
   "aria-label": ariaLabel
 }) => {
@@ -8281,7 +8282,7 @@ var Tooltip = ({
       TooltipPrimitive.Content,
       {
         side,
-        sideOffset: 0,
+        sideOffset,
         collisionPadding,
         className: cn(
           "group/agg-tooltip",
@@ -9564,6 +9565,18 @@ var marketChartCandleToScaledCandlePoint = (candle, transformProbability) => {
     v: candle.volume
   };
 };
+var venueCandlesToLinePoints = (venueData, transformProbability) => {
+  const candles = venueData.liveCandle && !venueData.candles.some((candle) => {
+    var _a;
+    return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time);
+  }) ? [...venueData.candles, venueData.liveCandle] : venueData.liveCandle ? venueData.candles.map(
+    (candle) => {
+      var _a;
+      return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time) ? venueData.liveCandle : candle;
+    }
+  ) : venueData.candles;
+  return candles.map((candle) => marketChartCandleToLineChartPoint(candle, transformProbability));
+};
 var resolveMarketChartVenueSeries = ({
   chartData,
   transformProbability
@@ -9571,9 +9584,7 @@ var resolveMarketChartVenueSeries = ({
   if (!chartData) return [];
   return Object.entries(chartData.venues).map(([venue, venueData]) => ({
     venue,
-    points: venueData.candles.map(
-      (candle) => marketChartCandleToLineChartPoint(candle, transformProbability)
-    )
+    points: venueCandlesToLinePoints(venueData, transformProbability)
   })).filter((item) => item.points.length > 0);
 };
 var resolveAggregatedCandleSource = (candles) => {
@@ -9626,13 +9637,24 @@ var resolveMarketChartDisplaySeries = ({
   if (selectedVenue) {
     return venueEntries.map(([venue, venueData]) => ({
       venue,
-      points: venueData.candles.map(
-        (candle) => marketChartCandleToLineChartPoint(candle, transformProbability)
-      )
+      points: venueCandlesToLinePoints(venueData, transformProbability)
     })).filter((item) => item.points.length > 0);
   }
   const aggregatedCandles = aggregateMarketChartCandles(
-    venueEntries.flatMap(([, venueData]) => venueData.candles)
+    venueEntries.flatMap(([, venueData]) => {
+      const closed = venueData.candles;
+      if (!venueData.liveCandle) return closed;
+      const hasOverlap = closed.some((candle) => {
+        var _a;
+        return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time);
+      });
+      return hasOverlap ? closed.map(
+        (candle) => {
+          var _a;
+          return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time) ? venueData.liveCandle : candle;
+        }
+      ) : [...closed, venueData.liveCandle];
+    })
   );
   if (aggregatedCandles.length === 0) return [];
   return [
@@ -11442,7 +11464,9 @@ var EventListItemDetailsGraphSection = ({
                               }
                             ),
                             classNames: {
-                              root: cn("h-9 shrink-0 border px-4 text-agg-base leading-agg-6")
+                              root: cn(
+                                "shrink-0 border px-4 h-8 text-agg-sm leading-agg-5 md:h-9 md:text-agg-base md:leading-agg-6"
+                              )
                             },
                             isActive: isActiveVenue
                           }
@@ -12123,8 +12147,20 @@ var OrderbookRow = ({
   }).map(([venue]) => venue);
   const venues = entry.row.venues && entry.row.venues.length > 0 ? entry.row.venues : venuesFromBreakdown.length > 0 ? venuesFromBreakdown : [entry.row.venue];
   const barPercent = Math.max(2, Number((entry.unifiedBarScale * 100).toFixed(2)));
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip md:gap-10 pr-2.5 md:pr-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "md:relative min-w-0 flex-1 self-stretch", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "agg-orderbook-bar md:hidden absolute inset-y-0 left-0",
+          barClassName,
+          getMotionClassName(enableAnimations, "transition-[width] duration-200 ease-in-out")
+        ),
+        style: { width: `${barPercent}%` }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         "div",
         {
@@ -12227,8 +12263,8 @@ var Orderbook = ({
     spreadEntry
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pr-5 md:gap-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
@@ -13063,7 +13099,7 @@ var MarketDetailsContent = ({
                     "span",
                     {
                       className: cn(
-                        "min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
+                        "w-full md:w-auto md:min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
                         "border px-5 py-1.5 text-agg-sm font-agg-bold",
                         getMotionClassName(
                           enableAnimations,
@@ -13897,6 +13933,447 @@ var PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES = {
   inactive: "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
 };
 
+// src/trading/place-order/index.place-order.execution-steps.ts
+var import_sdk17 = require("@agg-build/sdk");
+var WAIT_STEP_TYPES = /* @__PURE__ */ new Set(["_wait", "wait"]);
+var CHECKING_BALANCE_STEP_TYPES = /* @__PURE__ */ new Set([
+  "check-balance",
+  "check-position",
+  "position-reserve",
+  "position-release"
+]);
+var VENUE_BUY_SELL_REGEX = /^(?:buy|sell)-([a-z]+)$/;
+var VENUE_FINALIZE_REGEX = /^([a-z]+)-finalize$/;
+var VENUE_NAME_MAP = {
+  kalshi: import_sdk17.Venue.kalshi,
+  polymarket: import_sdk17.Venue.polymarket,
+  limitless: import_sdk17.Venue.limitless,
+  opinion: import_sdk17.Venue.opinion,
+  predict: import_sdk17.Venue.predict,
+  probable: import_sdk17.Venue.probable,
+  myriad: import_sdk17.Venue.myriad,
+  hyperliquid: import_sdk17.Venue.hyperliquid
+};
+var parseVenueName = (raw) => VENUE_NAME_MAP[raw];
+var NON_VENUE_FINALIZE_PREFIXES = /* @__PURE__ */ new Set(["bridge"]);
+var classifyExecutionStepType = (stepType) => {
+  if (!stepType) return null;
+  if (WAIT_STEP_TYPES.has(stepType)) return null;
+  if (CHECKING_BALANCE_STEP_TYPES.has(stepType)) {
+    return { kind: "checking-balance" };
+  }
+  const buySellMatch = stepType.match(VENUE_BUY_SELL_REGEX);
+  if (buySellMatch) {
+    const venue = parseVenueName(buySellMatch[1]);
+    if (venue) return { kind: "executing-venue", venue };
+  }
+  const finalizeMatch = stepType.match(VENUE_FINALIZE_REGEX);
+  if (finalizeMatch && !NON_VENUE_FINALIZE_PREFIXES.has(finalizeMatch[1])) {
+    const venue = parseVenueName(finalizeMatch[1]);
+    if (venue) return { kind: "executing-venue", venue };
+  }
+  if (stepType === "submit-verify-order-status") {
+    return null;
+  }
+  return { kind: "submitting" };
+};
+var buildPhaseTimeline = (dag) => {
+  const timeline = [];
+  const completed = new Set(dag.completedSequences);
+  for (let seq = 1; seq <= dag.totalSteps; seq++) {
+    const stepType = dag.stepTypes[seq];
+    if (!stepType) continue;
+    const classified = classifyExecutionStepType(stepType);
+    if (!classified) continue;
+    const isCompleted = completed.has(seq);
+    const last = timeline[timeline.length - 1];
+    if (last && last.kind === classified.kind && last.venue === classified.venue) {
+      last.lastSeq = seq;
+      last.allCompleted = last.allCompleted && isCompleted;
+      continue;
+    }
+    timeline.push({
+      kind: classified.kind,
+      venue: classified.venue,
+      firstSeq: seq,
+      lastSeq: seq,
+      allCompleted: isCompleted
+    });
+  }
+  return timeline;
+};
+var phaseRowId = (phase) => phase.venue ? `${phase.kind}:${phase.venue}` : phase.kind;
+var phaseRowLabel = (phase, labels) => {
+  switch (phase.kind) {
+    case "finding-route":
+      return labels.findingBestRoute;
+    case "checking-balance":
+      return labels.checkingBalance;
+    case "submitting":
+      return labels.submittingOrderProgress;
+    case "wallet-confirm":
+      return labels.confirmTransactionInWallet;
+    case "executing-venue":
+      return labels.executingOnVenue(getTradingVenueLabel(phase.venue));
+    case "filled":
+      return labels.executionConfirmed;
+    case "failed":
+      return labels.orderFailureTitle;
+  }
+};
+var buildSubmissionDisplayRows = ({
+  phase,
+  dagProgress,
+  executionVenue,
+  isAwaitingWalletConfirmation,
+  labels
+}) => {
+  if (phase === "finding-route") {
+    return [
+      {
+        id: "finding-route",
+        label: labels.findingBestRoute,
+        status: "pending"
+      }
+    ];
+  }
+  const rows = [
+    {
+      id: "finding-route",
+      label: labels.findingBestRoute,
+      status: "complete"
+    }
+  ];
+  const pushPhase = (phaseEntry, status) => {
+    const id = phaseRowId(phaseEntry);
+    if (rows.some((row) => row.id === id)) return;
+    rows.push({
+      id,
+      label: phaseRowLabel(phaseEntry, labels),
+      status,
+      venue: phaseEntry.venue
+    });
+  };
+  if (dagProgress && dagProgress.totalSteps > 0) {
+    const timeline = buildPhaseTimeline(dagProgress);
+    let activeEmitted = false;
+    for (const entry of timeline) {
+      const id = phaseRowId(entry);
+      const alreadyShown = rows.some((row) => row.id === id);
+      if (entry.allCompleted) {
+        if (alreadyShown) continue;
+        pushPhase(entry, "complete");
+        continue;
+      }
+      if (activeEmitted) break;
+      if (alreadyShown) continue;
+      if (isAwaitingWalletConfirmation && entry.kind === "submitting") {
+        pushPhase({ kind: "wallet-confirm" }, "pending");
+      } else {
+        pushPhase(entry, "pending");
+      }
+      activeEmitted = true;
+    }
+    if (!activeEmitted) {
+      const last = rows[rows.length - 1];
+      if (last && last.id.startsWith("executing-venue")) {
+        last.status = "pending";
+      } else {
+        const fallbackVenue = executionVenue;
+        rows.push({
+          id: fallbackVenue ? `executing-venue:${fallbackVenue}` : "executing-venue",
+          label: phaseRowLabel({ kind: "executing-venue", venue: fallbackVenue }, labels),
+          status: "pending",
+          venue: fallbackVenue
+        });
+      }
+    }
+    return rows;
+  }
+  if (isAwaitingWalletConfirmation) {
+    pushPhase({ kind: "wallet-confirm" }, "pending");
+    return rows;
+  }
+  if (phase === "submitting") {
+    pushPhase({ kind: "submitting" }, "pending");
+    return rows;
+  }
+  pushPhase({ kind: "submitting" }, "complete");
+  pushPhase({ kind: "executing-venue", venue: executionVenue }, "pending");
+  return rows;
+};
+
+// src/trading/place-order/index.place-order.execution-debug.ts
+var REDACTED = "[redacted]";
+var SENSITIVE_FIELD_PATTERNS = [
+  "token",
+  "authorization",
+  "cookie",
+  "secret",
+  "signature",
+  "privatekey",
+  "private_key",
+  "accesstoken",
+  "access_token",
+  "refreshtoken",
+  "refresh_token",
+  "jwt",
+  "password",
+  "apikey",
+  "api_key",
+  "email",
+  "headers"
+];
+var isSensitiveFieldName = (name) => {
+  const normalized = name.toLowerCase();
+  return SENSITIVE_FIELD_PATTERNS.some((pattern) => normalized.includes(pattern));
+};
+var sanitizeExecutionDebugValue = (input) => {
+  const ancestors = /* @__PURE__ */ new Set();
+  const walk = (value) => {
+    if (value === null || value === void 0) return value;
+    if (typeof value !== "object") return value;
+    if (ancestors.has(value)) return "[circular]";
+    ancestors.add(value);
+    try {
+      if (Array.isArray(value)) {
+        return value.map((entry) => walk(entry));
+      }
+      if (value instanceof Error) {
+        return {
+          name: value.name,
+          message: value.message,
+          stack: value.stack
+        };
+      }
+      const out = {};
+      for (const [key, raw] of Object.entries(value)) {
+        if (isSensitiveFieldName(key)) {
+          out[key] = REDACTED;
+          continue;
+        }
+        out[key] = walk(raw);
+      }
+      return out;
+    } finally {
+      ancestors.delete(value);
+    }
+  };
+  return walk(input);
+};
+var cloneEnvironment = (env) => __spreadProps(__spreadValues({}, env), {
+  packageVersions: env.packageVersions ? __spreadValues({}, env.packageVersions) : void 0
+});
+var buildEnvironment = (overrides) => {
+  var _a;
+  const url = typeof window !== "undefined" ? (_a = window.location) == null ? void 0 : _a.href : void 0;
+  const userAgent = typeof navigator !== "undefined" && typeof navigator.userAgent === "string" ? navigator.userAgent : void 0;
+  return __spreadValues({
+    url,
+    userAgent,
+    capturedAt: Date.now()
+  }, overrides);
+};
+var generateAttemptId = () => {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `attempt-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+};
+var createExecutionDebugStore = (initial) => {
+  let attempts = [];
+  let environment = buildEnvironment(initial);
+  const findAttempt = (attemptId) => attempts.find((attempt) => attempt.attemptId === attemptId);
+  const touch = (attempt) => {
+    attempt.updatedAt = Date.now();
+  };
+  return {
+    appendAttempt(input = {}) {
+      var _a, _b;
+      const now = Date.now();
+      const attempt = {
+        attemptId: (_a = input.attemptId) != null ? _a : generateAttemptId(),
+        startedAt: now,
+        updatedAt: now,
+        status: (_b = input.status) != null ? _b : "quoting",
+        quoteId: input.quoteId,
+        orderId: input.orderId,
+        orderIds: input.orderIds,
+        quote: input.quote,
+        selectedRoute: input.selectedRoute,
+        bridge: input.bridge,
+        venueExecution: input.venueExecution,
+        rawEvents: [],
+        normalizedSteps: [],
+        errors: []
+      };
+      attempts = [...attempts, attempt];
+      return attempt;
+    },
+    updateAttempt(attemptId, patch) {
+      const attempt = findAttempt(attemptId);
+      if (!attempt) return;
+      if (patch.status !== void 0) attempt.status = patch.status;
+      if (patch.quoteId !== void 0) attempt.quoteId = patch.quoteId;
+      if (patch.orderId !== void 0) attempt.orderId = patch.orderId;
+      if (patch.orderIds !== void 0) attempt.orderIds = patch.orderIds;
+      if (patch.quote !== void 0) attempt.quote = patch.quote;
+      if (patch.selectedRoute !== void 0) attempt.selectedRoute = patch.selectedRoute;
+      if (patch.bridge !== void 0) attempt.bridge = patch.bridge;
+      if (patch.venueExecution !== void 0) attempt.venueExecution = patch.venueExecution;
+      if (patch.finalStatus !== void 0) attempt.finalStatus = patch.finalStatus;
+      touch(attempt);
+    },
+    appendEvent(attemptId, event) {
+      var _a;
+      const attempt = findAttempt(attemptId);
+      if (!attempt) return;
+      attempt.rawEvents.push({
+        kind: event.kind,
+        label: event.label,
+        data: event.data,
+        timestamp: (_a = event.timestamp) != null ? _a : Date.now()
+      });
+      touch(attempt);
+    },
+    appendError(attemptId, error) {
+      var _a;
+      const attempt = findAttempt(attemptId);
+      if (!attempt) return;
+      attempt.errors.push({
+        message: error.message,
+        name: error.name,
+        code: error.code,
+        stack: error.stack,
+        failedStep: error.failedStep,
+        data: error.data,
+        timestamp: (_a = error.timestamp) != null ? _a : Date.now()
+      });
+      touch(attempt);
+    },
+    setNormalizedSteps(attemptId, steps) {
+      const attempt = findAttempt(attemptId);
+      if (!attempt) return;
+      attempt.normalizedSteps = steps;
+      touch(attempt);
+    },
+    getSnapshot() {
+      return {
+        attempts: attempts.map((attempt) => __spreadProps(__spreadValues({}, attempt), {
+          rawEvents: [...attempt.rawEvents],
+          normalizedSteps: [...attempt.normalizedSteps],
+          errors: [...attempt.errors]
+        })),
+        environment: cloneEnvironment(environment)
+      };
+    },
+    getFailedAttempts() {
+      return attempts.filter(
+        (attempt) => attempt.status === "failed" || attempt.finalStatus === "failed" || attempt.errors.length > 0
+      ).map((attempt) => __spreadProps(__spreadValues({}, attempt), {
+        rawEvents: [...attempt.rawEvents],
+        normalizedSteps: [...attempt.normalizedSteps],
+        errors: [...attempt.errors]
+      }));
+    },
+    clear() {
+      attempts = [];
+      environment = buildEnvironment(initial);
+    }
+  };
+};
+var writeClipboardLegacy = (text) => {
+  if (typeof document === "undefined") return false;
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.top = "-1000px";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  try {
+    textarea.select();
+    return document.execCommand("copy");
+  } catch (e) {
+    return false;
+  } finally {
+    document.body.removeChild(textarea);
+  }
+};
+var tryWriteClipboard = (text, consoleImpl) => __async(null, null, function* () {
+  var _a;
+  if (typeof navigator !== "undefined" && ((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+    try {
+      yield navigator.clipboard.writeText(text);
+      consoleImpl.info("[agg-execution-debug] Copied execution data to clipboard.");
+      return;
+    } catch (e) {
+    }
+  }
+  if (writeClipboardLegacy(text)) {
+    consoleImpl.info("[agg-execution-debug] Copied execution data to clipboard.");
+    return;
+  }
+  consoleImpl.warn(
+    "[agg-execution-debug] Clipboard copy was blocked by the browser. The JSON is logged below \u2014 right-click the entry and copy."
+  );
+  consoleImpl.log(text);
+});
+var installExecutionDebugWindow = ({
+  store,
+  consoleImpl
+}) => {
+  if (typeof window === "undefined") return () => {
+  };
+  const targetConsole = consoleImpl != null ? consoleImpl : console;
+  const previous = {
+    executionData: window.executionData,
+    getExecutionData: window.getExecutionData,
+    getFailedExecutionData: window.getFailedExecutionData,
+    clearExecutionData: window.clearExecutionData,
+    storeRef: window.__aggExecutionDebugStore
+  };
+  const refresh = () => {
+    window.executionData = sanitizeExecutionDebugValue(store.getSnapshot());
+  };
+  refresh();
+  window.__aggExecutionDebugStore = store;
+  window.getExecutionData = () => {
+    const data = sanitizeExecutionDebugValue(store.getSnapshot());
+    window.executionData = data;
+    void tryWriteClipboard(JSON.stringify(data, null, 2), targetConsole);
+    return data;
+  };
+  window.getFailedExecutionData = () => {
+    const failed = sanitizeExecutionDebugValue({ attempts: store.getFailedAttempts() });
+    void tryWriteClipboard(JSON.stringify(failed, null, 2), targetConsole);
+    return failed;
+  };
+  window.clearExecutionData = () => {
+    store.clear();
+    refresh();
+  };
+  targetConsole.info(
+    "AGG execution debug enabled. Run window.getFailedExecutionData() after a failed order to copy logs."
+  );
+  return () => {
+    if (typeof window === "undefined") return;
+    window.executionData = previous.executionData;
+    window.getExecutionData = previous.getExecutionData;
+    window.getFailedExecutionData = previous.getFailedExecutionData;
+    window.clearExecutionData = previous.clearExecutionData;
+    window.__aggExecutionDebugStore = previous.storeRef;
+  };
+};
+var enableExecutionDebugInBrowser = (initial) => {
+  if (typeof window === "undefined") return null;
+  const existing = window.__aggExecutionDebugStore;
+  if (existing) return existing;
+  const store = createExecutionDebugStore(initial);
+  installExecutionDebugWindow({ store });
+  return store;
+};
+
 // src/trading/place-order/index.place-order.utils.ts
 var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
@@ -15084,21 +15561,6 @@ PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
 var import_jsx_runtime135 = require("react/jsx-runtime");
-var DEFAULT_STEP_LABELS = {
-  "check-balance": "Checking balance",
-  "check-position": "Checking position",
-  "lane-bridge": "Bridging funds",
-  bridge: "Bridging funds",
-  "bridge-to-user": "Transferring to wallet",
-  "sweep-bridge": "Completing bridge",
-  "submit-order": "Submitting order",
-  "order-bridge-execute": "Executing order",
-  "transfer-to-user": "Transferring to wallet"
-};
-var getDefaultStepLabel = (stepType) => {
-  var _a;
-  return (_a = DEFAULT_STEP_LABELS[stepType]) != null ? _a : stepType.replace(/-/g, " ").replace(/^\w/, (c) => c.toUpperCase());
-};
 var resolveRefetchedQuoteData = (result) => {
   if (!result || typeof result !== "object" || !("data" in result)) return null;
   const data = result.data;
@@ -15598,7 +16060,6 @@ var renderRouteCard = ({
     }
   );
 };
-var normalizeOrderIdLabelInput2 = (orderId) => orderId.replace(/^#+/, "");
 var renderSubmissionSurface = ({
   actionLabel,
   className,
@@ -15610,81 +16071,12 @@ var renderSubmissionSurface = ({
   progressState,
   tradingLabels
 }) => {
-  const resolveStepGroups = () => {
-    var _a, _b, _c;
-    if (progressState.phase === "finding-route") {
-      return [
-        [
-          {
-            id: "finding-route",
-            label: tradingLabels.findingBestRoute,
-            status: "pending"
-          }
-        ]
-      ];
-    }
-    const dag = progressState.dagProgress;
-    if (dag && dag.totalSteps > 0) {
-      const steps = [
-        {
-          id: "finding-route",
-          label: tradingLabels.findingBestRoute,
-          status: "complete"
-        }
-      ];
-      for (let i = 1; i <= dag.totalSteps; i++) {
-        const isCompleted = dag.completedSequences.includes(i);
-        const isCurrent = i === dag.currentSequence && !isCompleted;
-        const stepType = (_a = dag.stepTypes[i]) != null ? _a : null;
-        const stepLabel = stepType ? getDefaultStepLabel(stepType) : `Step ${i} of ${dag.totalSteps}`;
-        const prev = steps[steps.length - 1];
-        if (prev && prev.label === stepLabel) {
-          if (prev.status === "complete" && !isCompleted) {
-            prev.status = "pending";
-          }
-          continue;
-        }
-        steps.push({
-          id: `dag-step-${i}`,
-          label: stepLabel,
-          status: isCompleted ? "complete" : isCurrent ? "pending" : "pending"
-        });
-      }
-      return [steps];
-    }
-    const baseSteps = [
-      {
-        id: "finding-route",
-        label: tradingLabels.findingBestRoute,
-        status: "complete"
-      },
-      {
-        id: "submitting-order",
-        label: tradingLabels.submittingOrderProgress,
-        status: "complete"
-      }
-    ];
-    const submittedOrderId = (_c = progressState.orderId) != null ? _c : (_b = progressState.orderIds) == null ? void 0 : _b[0];
-    if (submittedOrderId) {
-      baseSteps.push({
-        id: "order-submitted",
-        label: tradingLabels.orderSubmittedProgress(normalizeOrderIdLabelInput2(submittedOrderId)),
-        status: "complete"
-      });
-    }
-    return [
-      baseSteps,
-      [
-        {
-          id: "executing-order",
-          label: tradingLabels.executingOnVenue(getTradingVenueLabel(progressState.executionVenue)),
-          status: "pending",
-          venue: progressState.executionVenue
-        }
-      ]
-    ];
-  };
-  const stepGroups = resolveStepGroups();
+  const displayRows = buildSubmissionDisplayRows({
+    phase: progressState.phase,
+    dagProgress: progressState.dagProgress,
+    executionVenue: progressState.executionVenue,
+    labels: tradingLabels
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     Card,
     {
@@ -15706,51 +16098,50 @@ var renderSubmissionSurface = ({
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
             /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-              "div",
-              {
-                className: "agg-order-submission-group flex flex-col gap-2",
-                children: steps.map((step) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
-                    "div",
-                    {
-                      className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
-                      children: [
-                        step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-                          Icon,
-                          {
-                            name: "check-circle",
-                            size: "small",
-                            className: "h-3 w-3 shrink-0 text-agg-primary",
-                            "aria-hidden": "true"
-                          }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-                          LoadingGlyph,
-                          {
-                            enableAnimations,
-                            className: "h-3 w-3 shrink-0 text-agg-primary"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-                          VenueLogo,
-                          {
-                            venue: step.venue,
-                            size: "small",
-                            ariaLabel: getTradingVenueLabel(step.venue),
-                            className: "h-4 w-4"
-                          }
-                        ) : null
-                      ]
-                    },
-                    step.id
-                  );
-                })
-              },
-              `step-group-${groupIndex}`
-            );
-          }) })
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+            "div",
+            {
+              className: "agg-order-submission-steps agg-order-submission-group flex flex-col gap-2",
+              "data-testid": "agg-order-submission-steps",
+              children: displayRows.map((step) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+                  "div",
+                  {
+                    className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
+                    "data-status": step.status,
+                    children: [
+                      step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                        Icon,
+                        {
+                          name: "check-circle",
+                          size: "small",
+                          className: "h-3 w-3 shrink-0 text-agg-primary",
+                          "aria-hidden": "true"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                        LoadingGlyph,
+                        {
+                          enableAnimations,
+                          className: "h-3 w-3 shrink-0 text-agg-primary"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                        VenueLogo,
+                        {
+                          venue: step.venue,
+                          size: "small",
+                          ariaLabel: getTradingVenueLabel(step.venue),
+                          className: "h-4 w-4"
+                        }
+                      ) : null
+                    ]
+                  },
+                  step.id
+                );
+              })
+            }
+          )
         ] })
       ] })
     }
@@ -15886,6 +16277,7 @@ var PlaceOrder = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
   const {
+    enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown },
     general: { locale }
   } = (0, import_hooks51.useSdkUiConfig)();
@@ -15982,6 +16374,27 @@ var PlaceOrder = ({
   const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react27.useState)(false);
   const [submissionFeedback, setSubmissionFeedback] = (0, import_react27.useState)(null);
   const [submissionProgressState, setSubmissionProgressState] = (0, import_react27.useState)(null);
+  const executionDebugStoreRef = (0, import_react27.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
+    if (!isExecutionDebugEnabled) {
+      executionDebugStoreRef.current = null;
+      return;
+    }
+    executionDebugStoreRef.current = enableExecutionDebugInBrowser();
+  }, [isExecutionDebugEnabled]);
+  (0, import_react27.useEffect)(() => {
+    if (!isExecutionDebugEnabled) return;
+    const store = executionDebugStoreRef.current;
+    if (!store) return;
+    store.clear();
+    executionDebugAttemptIdRef.current = null;
+  }, [
+    isExecutionDebugEnabled,
+    scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.id,
+    scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
+    scopedSelectedOutcomeId
+  ]);
   const debouncedAmount = (0, import_hooks51.useDebouncedValue)(internalAmount, 300);
   const isSell = (0, import_react27.useMemo)(() => internalTab === "sell", [internalTab]);
   const {
@@ -16241,8 +16654,39 @@ var PlaceOrder = ({
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
   (0, import_react27.useEffect)(() => {
+    var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
+    const debugStore = executionDebugStoreRef.current;
+    const debugAttemptId = executionDebugAttemptIdRef.current;
+    if (debugStore && debugAttemptId) {
+      debugStore.appendEvent(debugAttemptId, {
+        kind: "ws_update",
+        label: "dag_progress",
+        data: dp
+      });
+      const normalizedRows = buildSubmissionDisplayRows({
+        phase: "executing",
+        dagProgress: dp,
+        labels: tradingLabels
+      });
+      debugStore.setNormalizedSteps(debugAttemptId, normalizedRows);
+      debugStore.appendEvent(debugAttemptId, {
+        kind: "normalized_steps",
+        data: normalizedRows
+      });
+      if (dp.status === "failed") {
+        debugStore.appendError(debugAttemptId, {
+          message: (_a2 = dp.errorReason) != null ? _a2 : "DAG execution failed",
+          failedStep: (_b2 = dp.currentStepType) != null ? _b2 : void 0,
+          data: { currentSequence: dp.currentSequence, totalSteps: dp.totalSteps }
+        });
+        debugStore.updateAttempt(debugAttemptId, {
+          status: "failed",
+          finalStatus: "failed"
+        });
+      }
+    }
     setSubmissionProgressState((prev) => {
       if (!prev) return prev;
       if (dp.status === "failed") {
@@ -16258,7 +16702,7 @@ var PlaceOrder = ({
       }
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
-  }, [executionProgress.dagProgress, tradingLabels.orderFailed]);
+  }, [executionProgress.dagProgress, tradingLabels]);
   (0, import_react27.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
@@ -16266,6 +16710,17 @@ var PlaceOrder = ({
       orderIds,
       executionProgress.terminalOrderEvents
     );
+    const debugStore = executionDebugStoreRef.current;
+    const debugAttemptId = executionDebugAttemptIdRef.current;
+    if (debugStore && debugAttemptId && executionProgress.terminalOrderEvents.length > 0) {
+      debugStore.appendEvent(debugAttemptId, {
+        kind: "terminal_event",
+        data: {
+          aggregateStatus,
+          events: executionProgress.terminalOrderEvents
+        }
+      });
+    }
     if (aggregateStatus === "pending") return;
     setSubmissionProgressState((prev) => {
       var _a2, _b2, _c2;
@@ -16308,14 +16763,45 @@ var PlaceOrder = ({
     tradingLabels.orderFailed
   ]);
   (0, import_react27.useEffect)(() => {
+    var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
+    const debugStore = executionDebugStoreRef.current;
+    const debugAttemptId = executionDebugAttemptIdRef.current;
+    if (debugStore && debugAttemptId) {
+      debugStore.appendEvent(debugAttemptId, {
+        kind: "state_change",
+        label: submissionProgressState.phase,
+        data: {
+          phase: submissionProgressState.phase,
+          executionVenue: submissionProgressState.executionVenue,
+          orderIds: submissionProgressState.orderIds,
+          errorMessage: submissionProgressState.errorMessage
+        }
+      });
+    }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
       (0, import_hooks51.invalidateBalanceQueries)(queryClient);
       (0, import_hooks51.invalidatePositionQueries)(queryClient);
+      if (debugStore && debugAttemptId) {
+        debugStore.updateAttempt(debugAttemptId, {
+          status: "succeeded",
+          finalStatus: "succeeded"
+        });
+      }
       onSuccess == null ? void 0 : onSuccess(submissionProgressState.summary);
     }
     if (submissionProgressState.phase === "failed" && submissionProgressState.errorMessage) {
+      if (debugStore && debugAttemptId) {
+        debugStore.appendError(debugAttemptId, {
+          message: submissionProgressState.errorMessage,
+          failedStep: (_b2 = (_a2 = submissionProgressState.dagProgress) == null ? void 0 : _a2.currentStepType) != null ? _b2 : void 0
+        });
+        debugStore.updateAttempt(debugAttemptId, {
+          status: "failed",
+          finalStatus: "failed"
+        });
+      }
       onError == null ? void 0 : onError(new Error(submissionProgressState.errorMessage));
     }
   }, [submissionProgressState, onExecutionStateChange, onSuccess, onError, queryClient]);
@@ -16489,23 +16975,91 @@ var PlaceOrder = ({
   };
   const handleExecuteQuote = (0, import_react27.useCallback)(
     (quoteData) => __async(null, null, function* () {
+      var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
       if (!quoteId) {
         throw new Error(tradingLabels.quoteUnavailable);
       }
+      const debugStore = executionDebugStoreRef.current;
+      const venues = (_b2 = (_a2 = quoteData == null ? void 0 : quoteData.fills) == null ? void 0 : _a2.map((fill) => fill.venue).filter(Boolean)) != null ? _b2 : [];
+      const debugAttempt = debugStore == null ? void 0 : debugStore.appendAttempt({
+        status: "executing",
+        quoteId,
+        quote: {
+          request: {
+            venueMarketOutcomeId: scopedSelectedOutcomeId,
+            amount: internalAmount,
+            slippage: internalSlippage,
+            tradeSide: isSell ? "sell" : "buy"
+          },
+          response: smartRoute.data,
+          selectedRoute: quoteData,
+          side: isSell ? "sell" : "buy",
+          marketId: scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
+          eventId: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.id,
+          outcomeId: scopedSelectedOutcomeId != null ? scopedSelectedOutcomeId : void 0,
+          venues,
+          capturedAt: Date.now()
+        },
+        selectedRoute: quoteData
+      });
+      executionDebugAttemptIdRef.current = (_c2 = debugAttempt == null ? void 0 : debugAttempt.attemptId) != null ? _c2 : null;
       if (onPrimaryAction) {
+        debugStore == null ? void 0 : debugStore.appendEvent(debugAttempt.attemptId, {
+          kind: "execute_request",
+          label: "delegated_to_partner",
+          data: { quoteId }
+        });
         onPrimaryAction({ quoteId });
         return;
       }
-      const response = yield executeManaged.mutateAsync({ quoteId });
-      setSubmissionProgressState({
-        executionVenue: resolveExecutionVenueFromQuote(quoteData),
-        orderId: response.orderIds[0],
-        orderIds: response.orderIds,
-        phase: "submitting"
-      });
+      try {
+        const response = yield executeManaged.mutateAsync({ quoteId });
+        if (debugAttempt) {
+          debugStore == null ? void 0 : debugStore.appendEvent(debugAttempt.attemptId, {
+            kind: "execute_response",
+            data: { orderIds: response.orderIds }
+          });
+          debugStore == null ? void 0 : debugStore.updateAttempt(debugAttempt.attemptId, {
+            orderId: response.orderIds[0],
+            orderIds: response.orderIds
+          });
+        }
+        setSubmissionProgressState({
+          executionVenue: resolveExecutionVenueFromQuote(quoteData),
+          orderId: response.orderIds[0],
+          orderIds: response.orderIds,
+          phase: "submitting"
+        });
+      } catch (error) {
+        if (debugAttempt) {
+          const err = error instanceof Error ? error : new Error(String(error));
+          debugStore == null ? void 0 : debugStore.appendError(debugAttempt.attemptId, {
+            message: err.message,
+            name: err.name,
+            stack: err.stack,
+            failedStep: "execute_request"
+          });
+          debugStore == null ? void 0 : debugStore.updateAttempt(debugAttempt.attemptId, {
+            status: "failed",
+            finalStatus: "failed"
+          });
+        }
+        throw error;
+      }
     }),
-    [executeManaged, onPrimaryAction, tradingLabels.quoteUnavailable]
+    [
+      executeManaged,
+      internalAmount,
+      internalSlippage,
+      isSell,
+      onPrimaryAction,
+      scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.id,
+      scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
+      scopedSelectedOutcomeId,
+      smartRoute.data,
+      tradingLabels.quoteUnavailable
+    ]
   );
   const handleSkipToSuccess = (0, import_react27.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
@@ -17720,7 +18274,7 @@ var HomeSearchResults = ({
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
   const visibleVenues = (0, import_react31.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : import_sdk17.VENUES.filter(
+    () => disabledVenues.length === 0 ? void 0 : import_sdk18.VENUES.filter(
       (v) => !disabledVenues.includes(v)
     ),
     [disabledVenues]
@@ -18154,7 +18708,7 @@ HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
 var import_hooks57 = require("@agg-build/hooks");
-var import_sdk18 = require("@agg-build/sdk");
+var import_sdk19 = require("@agg-build/sdk");
 var import_react33 = require("react");
 
 // src/pages/user-profile/chain-display.ts
@@ -18894,7 +19448,7 @@ var toneTextClassName = (tone) => {
   if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "agg-position-outcome inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label2 }) });
+var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label2 }) });
 var VenueShares = ({
   model,
   className,
@@ -19077,7 +19631,7 @@ var PositionRow = ({
                   {
                     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"
+                    className: "agg-position-venues flex flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
                 )
               ] })
@@ -19830,6 +20384,7 @@ var UserInfoCard = ({
                   content: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                   size: "small",
                   side: "bottom",
+                  sideOffset: 4,
                   children
                 }
               ),
@@ -20151,10 +20706,10 @@ var toTokenAmountLabel = ({
   return `${prefix}${formatTokenAmountTwoDecimals(amountRaw, tokenSymbol, chainId)} ${tokenSymbol}`;
 };
 var POSITION_ROW_VENUE_ORDER = [
-  import_sdk18.Venue.polymarket,
-  import_sdk18.Venue.kalshi,
-  import_sdk18.Venue.opinion,
-  import_sdk18.Venue.limitless
+  import_sdk19.Venue.polymarket,
+  import_sdk19.Venue.kalshi,
+  import_sdk19.Venue.opinion,
+  import_sdk19.Venue.limitless
 ];
 function venueBreakdownSortKey(venue) {
   const idx = POSITION_ROW_VENUE_ORDER.indexOf(venue);
@@ -20310,6 +20865,8 @@ var UserProfilePage = ({
       try {
         yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
         yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
+      } catch (err) {
+        console.error("[UserProfilePage] redeem failed", err);
       } finally {
         setInternalClaimingIds((prev) => {
           const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
@@ -20692,7 +21249,10 @@ var UserProfilePage = ({
               /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
                 "div",
                 {
-                  className: cn("agg-profile-side-panels flex flex-col gap-4", classNames == null ? void 0 : classNames.rightColumn),
+                  className: cn(
+                    "agg-profile-side-panels flex flex-col-reverse md:flex-col gap-4",
+                    classNames == null ? void 0 : classNames.rightColumn
+                  ),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(PositionsValueCard, { valueLabel: positionsValueLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(