@agg-build/ui 1.2.7 → 1.2.8

package/dist/index.js

@@ -3688,7 +3688,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) => {
@@ -9193,6 +9193,7 @@ var Tooltip = ({
   side = "top",
   delayDuration = 150,
   collisionPadding = 12,
+  sideOffset = 0,
   classNames,
   "aria-label": ariaLabel
 }) => {
@@ -9220,7 +9221,7 @@ var Tooltip = ({
       TooltipPrimitive.Content,
       {
         side,
-        sideOffset: 0,
+        sideOffset,
         collisionPadding,
         className: cn(
           "group/agg-tooltip",
@@ -9737,7 +9738,14 @@ var AuthConnectButtonView = ({
         ConditionalWrapper,
         {
           condition: isDepositBlocked,
-          wrapper: (children) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Tooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }), children }),
+          wrapper: (children) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            Tooltip,
+            {
+              content: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+              sideOffset: 4,
+              children
+            }
+          ),
           children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             Button,
             __spreadProps(__spreadValues({
@@ -9953,23 +9961,23 @@ var AuthConnectButtonView = ({
                     }
                   ),
                   isDepositBlocked ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
-                    Tooltip,
+                    DropdownMenu.Item,
                     {
-                      content: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
-                        DropdownMenu.Item,
+                      className: cn(dropdownMenuItemClassName, "opacity-50 cursor-not-allowed!"),
+                      onSelect: (e) => e.preventDefault(),
+                      "aria-disabled": "true",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                        Tooltip,
                         {
-                          className: cn(
-                            dropdownMenuItemClassName,
-                            "opacity-50 pointer-events-none"
-                          ),
-                          disabled: true,
-                          children: [
+                          content: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
+                          side: "bottom",
+                          sideOffset: 4,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { className: "inline-flex items-center gap-3", children: [
                             /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
                             /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: labels.auth.deposit })
-                          ]
+                          ] })
                         }
-                      ) })
+                      )
                     }
                   ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
                     DropdownMenu.Item,
@@ -10914,6 +10922,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
@@ -10921,9 +10941,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) => {
@@ -10976,13 +10994,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 [
@@ -12861,7 +12890,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
                           }
@@ -13542,8 +13573,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_runtime133.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_runtime133.jsxs)("div", { className: "md:relative min-w-0 flex-1 self-stretch", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime133.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_runtime133.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
       /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "div",
         {
@@ -13646,8 +13689,8 @@ var Orderbook = ({
     spreadEntry
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime133.jsx)("span", { className: "flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime133.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
       /* @__PURE__ */ (0, import_jsx_runtime133.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_runtime133.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_runtime133.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 })
@@ -14482,7 +14525,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,
@@ -15446,7 +15489,7 @@ EventList.displayName = "EventList";
 
 // src/pages/home/index.tsx
 var import_hooks55 = require("@agg-build/hooks");
-var import_sdk17 = require("@agg-build/sdk");
+var import_sdk18 = require("@agg-build/sdk");
 var import_react35 = require("react");
 
 // src/pages/event-market/index.tsx
@@ -15664,6 +15707,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,
@@ -16851,21 +17335,6 @@ PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
 var import_jsx_runtime142 = 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;
@@ -17365,7 +17834,6 @@ var renderRouteCard = ({
     }
   );
 };
-var normalizeOrderIdLabelInput2 = (orderId) => orderId.replace(/^#+/, "");
 var renderSubmissionSurface = ({
   actionLabel,
   className,
@@ -17377,81 +17845,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_runtime142.jsx)(
     Card,
     {
@@ -17473,51 +17872,50 @@ var renderSubmissionSurface = ({
             /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
             /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-              "div",
-              {
-                className: "agg-order-submission-group flex flex-col gap-2",
-                children: steps.map((step) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(
-                          Icon,
-                          {
-                            name: "check-circle",
-                            size: "small",
-                            className: "h-3 w-3 shrink-0 text-agg-primary",
-                            "aria-hidden": "true"
-                          }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                          LoadingGlyph,
-                          {
-                            enableAnimations,
-                            className: "h-3 w-3 shrink-0 text-agg-primary"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.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_runtime142.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_runtime142.jsx)(
+                        Icon,
+                        {
+                          name: "check-circle",
+                          size: "small",
+                          className: "h-3 w-3 shrink-0 text-agg-primary",
+                          "aria-hidden": "true"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                        LoadingGlyph,
+                        {
+                          enableAnimations,
+                          className: "h-3 w-3 shrink-0 text-agg-primary"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                        VenueLogo,
+                        {
+                          venue: step.venue,
+                          size: "small",
+                          ariaLabel: getTradingVenueLabel(step.venue),
+                          className: "h-4 w-4"
+                        }
+                      ) : null
+                    ]
+                  },
+                  step.id
+                );
+              })
+            }
+          )
         ] })
       ] })
     }
@@ -17653,6 +18051,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_hooks53.useSdkUiConfig)();
@@ -17749,6 +18148,27 @@ var PlaceOrder = ({
   const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react31.useState)(false);
   const [submissionFeedback, setSubmissionFeedback] = (0, import_react31.useState)(null);
   const [submissionProgressState, setSubmissionProgressState] = (0, import_react31.useState)(null);
+  const executionDebugStoreRef = (0, import_react31.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react31.useRef)(null);
+  (0, import_react31.useEffect)(() => {
+    if (!isExecutionDebugEnabled) {
+      executionDebugStoreRef.current = null;
+      return;
+    }
+    executionDebugStoreRef.current = enableExecutionDebugInBrowser();
+  }, [isExecutionDebugEnabled]);
+  (0, import_react31.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_hooks53.useDebouncedValue)(internalAmount, 300);
   const isSell = (0, import_react31.useMemo)(() => internalTab === "sell", [internalTab]);
   const {
@@ -18008,8 +18428,39 @@ var PlaceOrder = ({
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
   (0, import_react31.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") {
@@ -18025,7 +18476,7 @@ var PlaceOrder = ({
       }
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
-  }, [executionProgress.dagProgress, tradingLabels.orderFailed]);
+  }, [executionProgress.dagProgress, tradingLabels]);
   (0, import_react31.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
@@ -18033,6 +18484,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;
@@ -18075,14 +18537,45 @@ var PlaceOrder = ({
     tradingLabels.orderFailed
   ]);
   (0, import_react31.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_hooks53.invalidateBalanceQueries)(queryClient);
       (0, import_hooks53.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]);
@@ -18256,23 +18749,91 @@ var PlaceOrder = ({
   };
   const handleExecuteQuote = (0, import_react31.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_react31.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
@@ -19487,7 +20048,7 @@ var HomeSearchResults = ({
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
   const visibleVenues = (0, import_react35.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : import_sdk17.VENUES.filter(
+    () => disabledVenues.length === 0 ? void 0 : import_sdk18.VENUES.filter(
       (v) => !disabledVenues.includes(v)
     ),
     [disabledVenues]
@@ -19921,7 +20482,7 @@ HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
 var import_hooks59 = require("@agg-build/hooks");
-var import_sdk18 = require("@agg-build/sdk");
+var import_sdk19 = require("@agg-build/sdk");
 var import_react37 = require("react");
 
 // src/pages/user-profile/chain-display.ts
@@ -20661,7 +21222,7 @@ var toneTextClassName = (tone) => {
   if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime148.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_runtime148.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_runtime148.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_runtime148.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,
@@ -20844,7 +21405,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"
                   }
                 )
               ] })
@@ -21541,6 +22102,7 @@ var UserInfoCard = ({
                   content: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                   size: "small",
                   side: "bottom",
+                  sideOffset: 4,
                   children
                 }
               ),
@@ -21862,10 +22424,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);
@@ -22021,6 +22583,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)]);
@@ -22403,7 +22967,10 @@ var UserProfilePage = ({
               /* @__PURE__ */ (0, import_jsx_runtime152.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_runtime152.jsx)(PositionsValueCard, { valueLabel: positionsValueLabel }),
                     /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
@@ -24694,7 +25261,7 @@ var import_hooks78 = require("@agg-build/hooks");
 var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
-var import_sdk19 = require("@agg-build/sdk");
+var import_sdk20 = require("@agg-build/sdk");
 var HOW_IT_WORKS_FEATURE_KEYS = [
   "createAccount",
   "linkAccounts",
@@ -24706,7 +25273,7 @@ var ONBOARDING_STEPS = {
   PROFILE_SETUP: 1,
   CONNECT_ACCOUNTS: 2
 };
-var ONCHAIN_VENUES = [import_sdk19.Venue.polymarket, import_sdk19.Venue.opinion, import_sdk19.Venue.predict];
+var ONCHAIN_VENUES = [import_sdk20.Venue.polymarket, import_sdk20.Venue.opinion, import_sdk20.Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react43 = require("react");
@@ -24926,7 +25493,7 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_sdk20 = require("@agg-build/sdk");
+var import_sdk21 = require("@agg-build/sdk");
 var import_hooks75 = require("@agg-build/hooks");
 var import_jsx_runtime170 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
@@ -25027,7 +25594,7 @@ var ConnectAccountsStep = ({
           logos: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
             VenueLogo,
             {
-              venue: import_sdk20.Venue.kalshi,
+              venue: import_sdk21.Venue.kalshi,
               variant: "logo",
               size: "large",
               className: "h-6 w-6 sm:h-9 sm:w-9"
@@ -25058,7 +25625,7 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_sdk21 = require("@agg-build/sdk");
+var import_sdk22 = require("@agg-build/sdk");
 var import_react45 = require("react");
 var import_hooks76 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
@@ -25141,7 +25708,7 @@ var ConnectKalshiModal = ({
           /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(
             VenueLogo,
             {
-              venue: import_sdk21.Venue.kalshi,
+              venue: import_sdk22.Venue.kalshi,
               variant: "logo",
               size: "large",
               className: "h-[60px] w-[60px]"
@@ -25526,7 +26093,7 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-var import_sdk22 = require("@agg-build/sdk");
+var import_sdk23 = require("@agg-build/sdk");
 var import_react50 = require("react");
 var import_hooks81 = require("@agg-build/hooks");
 
@@ -25876,7 +26443,7 @@ AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
 var import_jsx_runtime176 = require("react/jsx-runtime");
-var EVM_WALLET_VENUES = [import_sdk22.Venue.polymarket, import_sdk22.Venue.predict, import_sdk22.Venue.opinion];
+var EVM_WALLET_VENUES = [import_sdk23.Venue.polymarket, import_sdk23.Venue.predict, import_sdk23.Venue.opinion];
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -26358,7 +26925,14 @@ var GeoBlockModal = ({
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Modal.Header, { title: "", hideBorder: true, classNames: { container: "px-8 pt-8 pb-0" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+              Modal.Header,
+              {
+                title: "",
+                hideBorder: true,
+                classNames: { root: "min-h-0", container: "px-8 pt-6! pb-0!" }
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pb-12 !pt-0", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
               /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
                 Icon,