@agg-build/ui 1.2.7 → 1.2.9

package/dist/trading.js

@@ -2863,7 +2863,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -2873,14 +2873,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "path",
           {
-            d: "M4.25 1.5H11.75M4.25 14.5H11.75M5 1.5V4.6C5 5.2 5.27 5.76 5.73 6.14L8 8L5.73 9.86C5.27 10.24 5 10.8 5 11.4V14.5M11 1.5V4.6C11 5.2 10.73 5.76 10.27 6.14L8 8L10.27 9.86C10.73 10.24 11 10.8 11 11.4V14.5",
-            stroke: "currentColor",
-            strokeWidth: "1.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );
@@ -5623,6 +5619,7 @@ var Tooltip = ({
   side = "top",
   delayDuration = 150,
   collisionPadding = 12,
+  sideOffset = 0,
   classNames,
   "aria-label": ariaLabel
 }) => {
@@ -5650,7 +5647,7 @@ var Tooltip = ({
       TooltipPrimitive.Content,
       {
         side,
-        sideOffset: 0,
+        sideOffset,
         collisionPadding,
         className: cn(
           "group/agg-tooltip",
@@ -5832,6 +5829,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_sdk14 = 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_sdk14.Venue.kalshi,
+  polymarket: import_sdk14.Venue.polymarket,
+  limitless: import_sdk14.Venue.limitless,
+  opinion: import_sdk14.Venue.opinion,
+  predict: import_sdk14.Venue.predict,
+  probable: import_sdk14.Venue.probable,
+  myriad: import_sdk14.Venue.myriad,
+  hyperliquid: import_sdk14.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,
@@ -7019,21 +7457,6 @@ PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
 var import_jsx_runtime113 = 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;
@@ -7533,7 +7956,6 @@ var renderRouteCard = ({
     }
   );
 };
-var normalizeOrderIdLabelInput2 = (orderId) => orderId.replace(/^#+/, "");
 var renderSubmissionSurface = ({
   actionLabel,
   className,
@@ -7545,81 +7967,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_runtime113.jsx)(
     Card,
     {
@@ -7641,51 +7994,50 @@ var renderSubmissionSurface = ({
             /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
             /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-              "div",
-              {
-                className: "agg-order-submission-group flex flex-col gap-2",
-                children: steps.map((step) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime113.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_runtime113.jsx)(
-                          Icon,
-                          {
-                            name: "check-circle",
-                            size: "small",
-                            className: "h-3 w-3 shrink-0 text-agg-primary",
-                            "aria-hidden": "true"
-                          }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-                          LoadingGlyph,
-                          {
-                            enableAnimations,
-                            className: "h-3 w-3 shrink-0 text-agg-primary"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime113.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_runtime113.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_runtime113.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_runtime113.jsx)(
+                        Icon,
+                        {
+                          name: "check-circle",
+                          size: "small",
+                          className: "h-3 w-3 shrink-0 text-agg-primary",
+                          "aria-hidden": "true"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                        LoadingGlyph,
+                        {
+                          enableAnimations,
+                          className: "h-3 w-3 shrink-0 text-agg-primary"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                        VenueLogo,
+                        {
+                          venue: step.venue,
+                          size: "small",
+                          ariaLabel: getTradingVenueLabel(step.venue),
+                          className: "h-4 w-4"
+                        }
+                      ) : null
+                    ]
+                  },
+                  step.id
+                );
+              })
+            }
+          )
         ] })
       ] })
     }
@@ -7821,6 +8173,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_hooks29.useSdkUiConfig)();
@@ -7917,6 +8270,27 @@ var PlaceOrder = ({
   const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react9.useState)(false);
   const [submissionFeedback, setSubmissionFeedback] = (0, import_react9.useState)(null);
   const [submissionProgressState, setSubmissionProgressState] = (0, import_react9.useState)(null);
+  const executionDebugStoreRef = (0, import_react9.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
+    if (!isExecutionDebugEnabled) {
+      executionDebugStoreRef.current = null;
+      return;
+    }
+    executionDebugStoreRef.current = enableExecutionDebugInBrowser();
+  }, [isExecutionDebugEnabled]);
+  (0, import_react9.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_hooks29.useDebouncedValue)(internalAmount, 300);
   const isSell = (0, import_react9.useMemo)(() => internalTab === "sell", [internalTab]);
   const {
@@ -8176,8 +8550,39 @@ var PlaceOrder = ({
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
   (0, import_react9.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") {
@@ -8193,7 +8598,7 @@ var PlaceOrder = ({
       }
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
-  }, [executionProgress.dagProgress, tradingLabels.orderFailed]);
+  }, [executionProgress.dagProgress, tradingLabels]);
   (0, import_react9.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
@@ -8201,6 +8606,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;
@@ -8243,14 +8659,45 @@ var PlaceOrder = ({
     tradingLabels.orderFailed
   ]);
   (0, import_react9.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_hooks29.invalidateBalanceQueries)(queryClient);
       (0, import_hooks29.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]);
@@ -8424,23 +8871,91 @@ var PlaceOrder = ({
   };
   const handleExecuteQuote = (0, import_react9.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_react9.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(