@paymanai/payman-ask-sdk 1.2.24 → 1.2.25

package/dist/index.mjs

@@ -10,6 +10,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { createPortal } from 'react-dom';
+import { interpolate } from 'flubber';
 
 var PaymanChatContext = createContext(void 0);
 function usePaymanChat() {
@@ -54,6 +55,114 @@ function formatElapsedTime(ms) {
   if (ms < 1e3) return `${ms}ms`;
   return `${(ms / 1e3).toFixed(1)}s`;
 }
+function captureSentryError(error, context) {
+  if (!Sentry.getClient()) return;
+  const tags = {};
+  if (context.executionId) tags.executionId = context.executionId;
+  if (context.sessionId) tags.sessionId = context.sessionId;
+  if (context.route) tags.route = context.route;
+  if (context.cfRay) tags.cfRay = context.cfRay;
+  if (context.customerId) tags.customerId = context.customerId;
+  if (context.customerEmail) tags.customerEmail = context.customerEmail;
+  const contexts = {
+    chat_session: {
+      sessionId: context.sessionId ?? null,
+      sessionOwnerId: context.sessionOwnerId ?? null,
+      executionId: context.executionId ?? null,
+      workflowName: context.workflowName ?? null,
+      cfRay: context.cfRay ?? null,
+      customerId: context.customerId ?? null,
+      customerEmail: context.customerEmail ?? null
+    }
+  };
+  if (typeof error === "string") {
+    Sentry.captureMessage(error, { level: "error", tags, contexts });
+  } else {
+    Sentry.captureException(error, { tags, contexts });
+  }
+}
+var interceptors = /* @__PURE__ */ new Set();
+var originalFetch = null;
+function patchFetch() {
+  if (originalFetch !== null) return;
+  if (typeof globalThis === "undefined" || typeof globalThis.fetch !== "function")
+    return;
+  originalFetch = globalThis.fetch;
+  globalThis.fetch = async function(input, init2) {
+    const response = await originalFetch.call(this, input, init2);
+    if (interceptors.size > 0) {
+      const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+      try {
+        const cfRay = response.headers.get("cf-ray");
+        if (cfRay) {
+          for (const entry of interceptors) {
+            if (url.includes(entry.urlPattern)) {
+              entry.listener(cfRay);
+            }
+          }
+        }
+      } catch {
+      }
+    }
+    return response;
+  };
+}
+function maybeUnpatchFetch() {
+  if (interceptors.size > 0 || originalFetch === null) return;
+  globalThis.fetch = originalFetch;
+  originalFetch = null;
+}
+function subscribeToCfRay(urlPattern, listener) {
+  const entry = { urlPattern, listener };
+  patchFetch();
+  interceptors.add(entry);
+  return () => {
+    interceptors.delete(entry);
+    maybeUnpatchFetch();
+  };
+}
+
+// src/utils/errorMessages.ts
+var WORKFLOW_FAILED = "WORKFLOW_FAILED";
+var STREAM_NOT_STARTED = "STREAM_NOT_STARTED";
+var HTTP_ERROR_PREFIX = /^HTTP\s+(\d+)\s*:\s*([\s\S]+)$/;
+function isFriendlyWorkflowError(errorDetails) {
+  if (!errorDetails) return false;
+  return errorDetails === WORKFLOW_FAILED || errorDetails === STREAM_NOT_STARTED || errorDetails.includes(WORKFLOW_FAILED);
+}
+function parseErrorPayload(payload) {
+  try {
+    const parsed = JSON.parse(payload);
+    if (typeof parsed === "string") {
+      return { message: parsed.trim() || void 0 };
+    }
+    if (typeof parsed === "object" && parsed !== null) {
+      const record = parsed;
+      return {
+        status: typeof record.status === "number" ? record.status : void 0,
+        message: typeof record.message === "string" && record.message.trim() ? record.message.trim() : void 0
+      };
+    }
+  } catch {
+  }
+  return {};
+}
+function getConflictErrorMessage(errorDetails) {
+  if (!errorDetails) return void 0;
+  const trimmedError = errorDetails.trim();
+  const httpMatch = trimmedError.match(HTTP_ERROR_PREFIX);
+  const httpStatus = httpMatch ? Number(httpMatch[1]) : void 0;
+  const rawPayload = (httpMatch ? httpMatch[2] : trimmedError).trim();
+  const payload = parseErrorPayload(rawPayload);
+  const status = payload.status ?? httpStatus;
+  if (status !== 409) {
+    return void 0;
+  }
+  if (payload.message) {
+    return payload.message;
+  }
+  return rawPayload || void 0;
+}
 function initSentryIfNeeded(dsn) {
   if (!dsn) return;
   if (Sentry.getClient()) return;
@@ -578,48 +687,6 @@ function createMarkdownComponents(options = {}) {
     td: ({ children }) => /* @__PURE__ */ jsx("td", { className: "p-3 align-middle text-sm whitespace-nowrap", children })
   };
 }
-
-// src/utils/errorMessages.ts
-var WORKFLOW_FAILED = "WORKFLOW_FAILED";
-var STREAM_NOT_STARTED = "STREAM_NOT_STARTED";
-var HTTP_ERROR_PREFIX = /^HTTP\s+(\d+)\s*:\s*([\s\S]+)$/;
-function isFriendlyWorkflowError(errorDetails) {
-  if (!errorDetails) return false;
-  return errorDetails === WORKFLOW_FAILED || errorDetails === STREAM_NOT_STARTED || errorDetails.includes(WORKFLOW_FAILED);
-}
-function parseErrorPayload(payload) {
-  try {
-    const parsed = JSON.parse(payload);
-    if (typeof parsed === "string") {
-      return { message: parsed.trim() || void 0 };
-    }
-    if (typeof parsed === "object" && parsed !== null) {
-      const record = parsed;
-      return {
-        status: typeof record.status === "number" ? record.status : void 0,
-        message: typeof record.message === "string" && record.message.trim() ? record.message.trim() : void 0
-      };
-    }
-  } catch {
-  }
-  return {};
-}
-function getConflictErrorMessage(errorDetails) {
-  if (!errorDetails) return void 0;
-  const trimmedError = errorDetails.trim();
-  const httpMatch = trimmedError.match(HTTP_ERROR_PREFIX);
-  const httpStatus = httpMatch ? Number(httpMatch[1]) : void 0;
-  const rawPayload = (httpMatch ? httpMatch[2] : trimmedError).trim();
-  const payload = parseErrorPayload(rawPayload);
-  const status = payload.status ?? httpStatus;
-  if (status !== 409) {
-    return void 0;
-  }
-  if (payload.message) {
-    return payload.message;
-  }
-  return rawPayload || void 0;
-}
 function ThinkingBlock({ text }) {
   const [isOpen, setIsOpen] = useState(false);
   const hasContent = typeof text === "string" && text.trim().length > 0;
@@ -2185,16 +2252,19 @@ function UserMessageV2({
     toastPortal,
     /* @__PURE__ */ jsx("div", { className: "payman-v2-user-msg payman-v2-fade-in", children: /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-group", children: [
       /* @__PURE__ */ jsx("div", { className: "payman-v2-user-msg-bubble", children: /* @__PURE__ */ jsx("p", { className: "payman-v2-user-msg-text", children: message.content }) }),
-      message.isError && message.errorDetails && /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-error", children: [
-        /* @__PURE__ */ jsx(
-          AlertCircle,
-          {
-            className: "h-3.5 w-3.5 shrink-0",
-            style: { color: "rgba(239, 68, 68, 0.7)", marginTop: "2px" }
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "payman-v2-user-msg-error-text", children: message.errorDetails })
-      ] }),
+      message.isError && message.errorDetails && (() => {
+        const resolvedError = getConflictErrorMessage(message.errorDetails) ?? message.errorDetails;
+        return /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-error", children: [
+          /* @__PURE__ */ jsx(
+            AlertCircle,
+            {
+              className: "h-3.5 w-3.5 shrink-0",
+              style: { color: "rgba(239, 68, 68, 0.7)", marginTop: "2px" }
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "payman-v2-user-msg-error-text", children: resolvedError })
+        ] });
+      })(),
       (timestamp || hasVisibleActions) && /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-actions", children: [
         timestamp ? /* @__PURE__ */ jsx("span", { className: "payman-v2-user-msg-timestamp", children: timestamp }) : null,
         showCopyAction && /* @__PURE__ */ jsx(ActionTooltipV2, { label: "Copy", children: /* @__PURE__ */ jsx(
@@ -2435,6 +2505,188 @@ function MarkdownRendererV2({
     }
   );
 }
+var PAYMAN_PATH = "M174.005 38.1616C159.62 18.4068 138.406 5.43014 114.263 1.62485C90.1187 -2.18045 65.9302 3.63155 46.1599 17.9906C21.9565 35.5752 6.06885 61.5137 1.39776 91.0344C-3.27333 120.555 3.85231 150.135 21.4358 174.305C43.0508 204.004 74.9451 223.506 111.243 229.244L122.415 231.013V171.273C121.968 171.273 121.522 171.302 121.076 171.302C116.955 171.302 112.82 170.975 108.684 170.321C106.795 170.024 104.92 169.638 103.076 169.207V207.839C76.5368 201.031 53.4045 185.364 37.0706 162.934C22.5218 142.941 16.6309 118.474 20.4838 94.037C24.3515 69.6148 37.502 48.1505 57.5103 33.5983C73.1004 22.2715 92.1865 17.6784 111.228 20.6811C130.269 23.6837 147.005 33.9253 158.355 49.5032C167.117 61.5583 170.673 76.2889 168.337 91.0047C166.016 105.72 158.087 118.653 146.038 127.408C136.815 134.112 125.524 136.832 114.248 135.048C102.972 133.264 93.079 127.214 86.355 117.984C81.2823 111.027 79.2443 102.51 80.5831 94.0073C81.922 85.5049 86.5038 78.0429 93.4658 72.9741C98.6129 69.2283 104.92 67.7121 111.213 68.7081C117.506 69.704 123.039 73.0782 126.788 78.2362C129.481 81.9374 130.567 86.4711 129.853 90.9898C129.139 95.5086 126.699 99.4774 122.995 102.183H146.648C147.719 99.5815 148.492 96.8464 148.939 94.0073C150.456 84.39 148.135 74.743 142.408 66.8797C135.625 57.5597 125.613 51.4207 114.218 49.637C102.823 47.8384 91.4129 50.5734 82.0707 57.3665C70.9285 65.4676 63.6095 77.4037 61.4525 91.0047C59.2955 104.606 62.5831 118.221 70.6905 129.355C80.4344 142.748 94.8195 151.548 111.198 154.134C127.577 156.72 143.97 152.781 157.373 143.03C173.603 131.228 184.269 113.822 187.408 94.0073C190.547 74.193 185.757 54.349 173.96 38.117L174.005 38.1616Z";
+var CIRCLE_PATH = "M95 36C139.183 36 175 71.817 175 116C175 160.183 139.183 196 95 196C50.817 196 15 160.183 15 116C15 71.817 50.817 36 95 36Z";
+function easeInOut(t) {
+  return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+}
+var TIMINGS = {
+  // Total loop cycle = sum of all phases (ms)
+  holdLogoMs: 900,
+  morphToCircleMs: 550,
+  holdCircleMs: 1100,
+  morphToLogoMs: 550
+};
+var TOTAL_CYCLE = TIMINGS.holdLogoMs + TIMINGS.morphToCircleMs + TIMINGS.holdCircleMs + TIMINGS.morphToLogoMs;
+function phaseAtTime(elapsed) {
+  let t = elapsed % TOTAL_CYCLE;
+  if (t < TIMINGS.holdLogoMs) {
+    return { kind: "hold-logo" };
+  }
+  t -= TIMINGS.holdLogoMs;
+  if (t < TIMINGS.morphToCircleMs) {
+    return {
+      kind: "morph",
+      direction: 1,
+      progress: easeInOut(t / TIMINGS.morphToCircleMs)
+    };
+  }
+  t -= TIMINGS.morphToCircleMs;
+  if (t < TIMINGS.holdCircleMs) {
+    return { kind: "hold-circle", progress: t / TIMINGS.holdCircleMs };
+  }
+  t -= TIMINGS.holdCircleMs;
+  return {
+    kind: "morph",
+    direction: -1,
+    progress: easeInOut(t / TIMINGS.morphToLogoMs)
+  };
+}
+var RING_CX = 95;
+var RING_CY = 116;
+var RING_R = 65;
+var RING_STROKE_WIDTH = 22;
+var RING_CIRCUMFERENCE = 2 * Math.PI * RING_R;
+var RING_ARC_FRACTION = 0.3;
+var cachedInterpolators = null;
+var pendingInterpolators = null;
+function buildInterpolators() {
+  const opts = { maxSegmentLength: 8 };
+  return {
+    forward: interpolate(PAYMAN_PATH, CIRCLE_PATH, opts),
+    backward: interpolate(CIRCLE_PATH, PAYMAN_PATH, opts)
+  };
+}
+function loadInterpolatorsAsync() {
+  if (cachedInterpolators) return Promise.resolve(cachedInterpolators);
+  if (pendingInterpolators) return pendingInterpolators;
+  pendingInterpolators = new Promise((resolve) => {
+    const run = () => {
+      cachedInterpolators = buildInterpolators();
+      resolve(cachedInterpolators);
+    };
+    const ric = globalThis.requestIdleCallback;
+    if (typeof ric === "function") {
+      ric(run, { timeout: 200 });
+    } else {
+      setTimeout(run, 0);
+    }
+  });
+  return pendingInterpolators;
+}
+function PaymanMark() {
+  const pathRef = useRef(null);
+  const ringGroupRef = useRef(null);
+  useEffect(() => {
+    const reduced = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    if (reduced) {
+      pathRef.current?.setAttribute("d", PAYMAN_PATH);
+      pathRef.current?.setAttribute("fill-opacity", "1");
+      ringGroupRef.current?.setAttribute("opacity", "0");
+      return;
+    }
+    let raf = 0;
+    let cancelled = false;
+    const start = performance.now();
+    let interpolators = cachedInterpolators;
+    const tick = (now) => {
+      const elapsed = now - start;
+      const phase = phaseAtTime(elapsed);
+      let d;
+      let fillOpacity = 1;
+      let ringOpacity = 0;
+      const spin = elapsed / 900 * 360;
+      switch (phase.kind) {
+        case "hold-logo":
+          d = PAYMAN_PATH;
+          fillOpacity = 1;
+          ringOpacity = 0;
+          break;
+        case "morph": {
+          if (!interpolators) {
+            d = PAYMAN_PATH;
+            fillOpacity = 1;
+            ringOpacity = 0;
+            break;
+          }
+          d = phase.direction === 1 ? interpolators.forward(phase.progress) : interpolators.backward(phase.progress);
+          const p = phase.direction === 1 ? phase.progress : 1 - phase.progress;
+          fillOpacity = p < 0.6 ? 1 : 1 - (p - 0.6) / 0.4;
+          ringOpacity = p < 0.55 ? 0 : (p - 0.55) / 0.45;
+          break;
+        }
+        case "hold-circle":
+          d = CIRCLE_PATH;
+          fillOpacity = 0;
+          ringOpacity = 1;
+          break;
+      }
+      if (pathRef.current) {
+        pathRef.current.setAttribute("d", d);
+        pathRef.current.setAttribute("fill-opacity", fillOpacity.toFixed(3));
+      }
+      if (ringGroupRef.current) {
+        ringGroupRef.current.setAttribute("opacity", ringOpacity.toFixed(3));
+        ringGroupRef.current.setAttribute(
+          "transform",
+          `rotate(${spin.toFixed(2)} ${RING_CX} ${RING_CY})`
+        );
+      }
+      raf = requestAnimationFrame(tick);
+    };
+    raf = requestAnimationFrame(tick);
+    if (!interpolators) {
+      void loadInterpolatorsAsync().then((result) => {
+        if (!cancelled) interpolators = result;
+      });
+    }
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "payman-v2-thinking-mark",
+      viewBox: "0 0 190 232",
+      "aria-hidden": true,
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx("path", { ref: pathRef, d: PAYMAN_PATH, fill: "currentColor" }),
+        /* @__PURE__ */ jsxs("g", { ref: ringGroupRef, opacity: 0, children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: RING_CX,
+              cy: RING_CY,
+              r: RING_R,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: RING_STROKE_WIDTH,
+              strokeOpacity: 0.16
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: RING_CX,
+              cy: RING_CY,
+              r: RING_R,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: RING_STROKE_WIDTH,
+              strokeLinecap: "round",
+              strokeDasharray: `${RING_CIRCUMFERENCE * RING_ARC_FRACTION} ${RING_CIRCUMFERENCE}`
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 var CURSOR_MESSAGES = [
   "Analyzing",
   "Processing",
@@ -2445,6 +2697,7 @@ var CURSOR_MESSAGES = [
   "Evaluating",
   "Checking",
   "Planning",
+  "Working",
   "Updating",
   "Validating",
   "Monitoring",
@@ -2468,6 +2721,12 @@ var CURSOR_MESSAGES = [
   "Confirming"
 ];
 var FINAL_CURSOR_MESSAGE = "Finishing up";
+function getMaxDuration(...values) {
+  const defined = values.filter(
+    (value) => typeof value === "number" && Number.isFinite(value)
+  );
+  return defined.length > 0 ? Math.max(...defined) : void 0;
+}
 function parseThinkingContent(content) {
   const lines = content.split("\n");
   const out = [];
@@ -2499,13 +2758,39 @@ function parseThinkingContent(content) {
   }
   return out;
 }
+function AnimatedSeconds({
+  value,
+  className,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("payman-v2-thinking-seconds", className), "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsx("span", { className: "payman-v2-thinking-seconds-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        className: "payman-v2-thinking-seconds-value",
+        initial: { opacity: 0, y: 6, filter: "blur(2px)" },
+        animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+        exit: { opacity: 0, y: -6, filter: "blur(2px)" },
+        transition: { duration: 0.2, ease: [0.22, 1, 0.36, 1] },
+        children: value
+      },
+      value
+    ) }) }),
+    /* @__PURE__ */ jsx("span", { className: "payman-v2-thinking-seconds-suffix", "aria-hidden": "true", children: "s" })
+  ] });
+}
 function ThinkingBlockV2({
   content,
   isStreaming,
-  durationSec
+  durationSec,
+  startedAt
 }) {
   const [open, setOpen] = useState(true);
   const [cursorIdx, setCursorIdx] = useState(0);
+  const [elapsedSec, setElapsedSec] = useState(
+    () => startedAt ? Math.max(0, Math.floor((Date.now() - startedAt) / 1e3)) : 0
+  );
+  const frozenSecRef = useRef(null);
   const prevStreaming = useRef(isStreaming);
   const parsed = useMemo(() => parseThinkingContent(content), [content]);
   const isFinalizingPhase = useMemo(() => {
@@ -2517,9 +2802,26 @@ function ThinkingBlockV2({
   useEffect(() => {
     if (prevStreaming.current && !isStreaming) {
       setOpen(false);
+      if (startedAt) {
+        frozenSecRef.current = Math.max(
+          0,
+          Math.floor((Date.now() - startedAt) / 1e3)
+        );
+      }
     }
     prevStreaming.current = isStreaming;
-  }, [isStreaming]);
+  }, [isStreaming, startedAt]);
+  useEffect(() => {
+    if (!isStreaming || !startedAt) return;
+    const tick = () => {
+      setElapsedSec(
+        Math.max(0, Math.floor((Date.now() - startedAt) / 1e3))
+      );
+    };
+    tick();
+    const id = window.setInterval(tick, 1e3);
+    return () => window.clearInterval(id);
+  }, [isStreaming, startedAt]);
   useEffect(() => {
     if (!isStreaming || isFinalizingPhase) return;
     const id = window.setInterval(() => {
@@ -2527,10 +2829,33 @@ function ThinkingBlockV2({
     }, 4e3);
     return () => window.clearInterval(id);
   }, [isStreaming, isFinalizingPhase]);
-  const headerLabel = isStreaming ? /* @__PURE__ */ jsx("span", { className: "payman-v2-thinking-shimmer", children: "Working on it\u2026" }) : durationSec !== void 0 ? /* @__PURE__ */ jsxs("span", { children: [
-    "Thought for ",
+  const justStoppedSec = !isStreaming && prevStreaming.current && startedAt ? Math.max(0, Math.floor((Date.now() - startedAt) / 1e3)) : void 0;
+  const finalSec = getMaxDuration(
     durationSec,
-    "s"
+    frozenSecRef.current,
+    justStoppedSec,
+    !isStreaming ? elapsedSec : void 0
+  );
+  const headerLabel = isStreaming ? /* @__PURE__ */ jsxs("span", { className: "payman-v2-thinking-header-label", children: [
+    /* @__PURE__ */ jsx("span", { className: "payman-v2-thinking-shimmer", children: "Working on it\u2026" }),
+    startedAt !== void 0 && /* @__PURE__ */ jsx(
+      AnimatedSeconds,
+      {
+        className: "payman-v2-thinking-timer",
+        ariaLabel: `Elapsed ${elapsedSec} seconds`,
+        value: elapsedSec
+      }
+    )
+  ] }) : finalSec !== null && finalSec !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "payman-v2-thinking-header-label", children: [
+    /* @__PURE__ */ jsx("span", { children: "Thought for" }),
+    /* @__PURE__ */ jsx(
+      AnimatedSeconds,
+      {
+        className: "payman-v2-thinking-duration",
+        ariaLabel: `Thought for ${finalSec} seconds`,
+        value: finalSec
+      }
+    )
   ] }) : /* @__PURE__ */ jsx("span", { children: "Thought" });
   const cursorKey = isFinalizingPhase ? "finalizing" : String(cursorIdx);
   const cursorText = isFinalizingPhase ? FINAL_CURSOR_MESSAGE : CURSOR_MESSAGES[cursorIdx];
@@ -2600,27 +2925,28 @@ function ThinkingBlockV2({
               i
             );
           }),
-          isStreaming && /* @__PURE__ */ jsxs("div", { className: "payman-v2-thinking-cursor", children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "payman-v2-thinking-cursor-bar",
-                "aria-hidden": true
-              }
-            ),
-            /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
-              motion.span,
-              {
-                className: "payman-v2-thinking-cursor-label",
-                initial: { opacity: 0, y: 4 },
-                animate: { opacity: 1, y: 0 },
-                exit: { opacity: 0, y: -4 },
-                transition: { duration: 0.2 },
-                children: cursorText
-              },
-              cursorKey
-            ) })
-          ] })
+          isStreaming && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "payman-v2-thinking-cursor",
+              "aria-live": "polite",
+              children: [
+                /* @__PURE__ */ jsx(PaymanMark, {}),
+                /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+                  motion.span,
+                  {
+                    className: "payman-v2-thinking-cursor-label payman-v2-thinking-shimmer",
+                    initial: { opacity: 0, y: 2 },
+                    animate: { opacity: 1, y: 0 },
+                    exit: { opacity: 0, y: -2 },
+                    transition: { duration: 0.24, ease: [0.4, 0, 0.2, 1] },
+                    children: cursorText
+                  },
+                  cursorKey
+                ) })
+              ]
+            }
+          )
         ] })
       },
       "thinking-content"
@@ -2770,16 +3096,52 @@ function AssistantMessageV2({
   const showLegacyThinkingPhase = !!message.isStreaming && !message.isError && !rawResponseContent && message.streamProgress === "started";
   const responseTypingEnabled = hasEverStreamed.current && Boolean(rawResponseContent) && !message.isError;
   const { displayedText: displayContent, isTyping: isResponseTyping } = useTypingEffect(rawResponseContent, responseTypingEnabled, RESPONSE_SPEED);
+  const resolvedErrorText = (() => {
+    const conflictErrorMessage2 = getConflictErrorMessage(message.errorDetails);
+    if (conflictErrorMessage2) {
+      return conflictErrorMessage2;
+    }
+    if (isFriendlyWorkflowError(message.errorDetails) && !message.errorDetails) {
+      return "Oops, something went wrong. Please try again.";
+    }
+    return message.errorDetails;
+  })();
+  const requestStartedAt = useMemo(() => {
+    if (!message.timestamp) return void 0;
+    const t = Date.parse(message.timestamp);
+    return Number.isFinite(t) ? t : void 0;
+  }, [message.timestamp]);
   const thinkingDuration = (() => {
-    if (!message.steps || message.steps.length === 0) return void 0;
-    const first = message.steps[0];
-    const last = message.steps[message.steps.length - 1];
+    const steps = message.steps;
+    if (!steps || steps.length === 0) return void 0;
+    const last = steps[steps.length - 1];
+    if (requestStartedAt && last.timestamp) {
+      return Math.max(
+        0,
+        Math.round((last.timestamp - requestStartedAt) / 1e3)
+      );
+    }
+    const first = steps[0];
     if (first.timestamp && last.timestamp) {
       return Math.round((last.timestamp - first.timestamp) / 1e3);
     }
-    const total = message.steps.reduce((sum, s) => sum + (s.elapsedMs || 0), 0);
+    const total = steps.reduce((sum, s) => sum + (s.elapsedMs || 0), 0);
     return total > 0 ? Math.round(total / 1e3) : void 0;
   })();
+  const conflictErrorMessage = getConflictErrorMessage(message.errorDetails);
+  const isConflictError = Boolean(conflictErrorMessage);
+  if (isConflictError) {
+    return /* @__PURE__ */ jsx("div", { className: "payman-v2-assistant-msg payman-v2-fade-in", children: /* @__PURE__ */ jsxs("div", { className: "payman-v2-assistant-msg-error", children: [
+      /* @__PURE__ */ jsx(
+        AlertCircle,
+        {
+          className: "payman-v2-assistant-msg-error-icon",
+          style: { width: 16, height: 16 }
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "payman-v2-assistant-msg-error-text", children: conflictErrorMessage }) })
+    ] }) });
+  }
   if (message.isError && !displayContent && !hasThinkingContent) {
     return /* @__PURE__ */ jsx("div", { className: "payman-v2-assistant-msg payman-v2-fade-in", children: /* @__PURE__ */ jsxs("div", { className: "payman-v2-assistant-msg-error", children: [
       /* @__PURE__ */ jsx(
@@ -2789,7 +3151,7 @@ function AssistantMessageV2({
           style: { width: 16, height: 16 }
         }
       ),
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "payman-v2-assistant-msg-error-text", children: message.errorDetails || "Something went wrong. Please try again." }) })
+      /* @__PURE__ */ jsx("div", { children: resolvedErrorText ? /* @__PURE__ */ jsx("p", { className: "payman-v2-assistant-msg-error-text", children: resolvedErrorText }) : null })
     ] }) });
   }
   if (showLegacyThinkingPhase) {
@@ -2822,7 +3184,7 @@ function AssistantMessageV2({
       executionId: message.executionId
     });
   };
-  const hasPartialError = message.isError && displayContent;
+  const hasPartialError = message.isError && displayContent && !isConflictError;
   const isDone = !message.isStreaming && displayContent && !hasPartialError && !isResponseTyping;
   const hasVisibleDoneActions = showCopyAction || showTraceAction;
   const isCancelled = message.isCancelled;
@@ -2879,7 +3241,8 @@ function AssistantMessageV2({
         {
           content: thinkingContent,
           isStreaming: isThinkingStreaming,
-          durationSec: thinkingDuration
+          durationSec: thinkingDuration,
+          startedAt: requestStartedAt
         }
       ),
       /* @__PURE__ */ jsx("div", { className: "payman-v2-assistant-msg-content-area", children: displayContent ? /* @__PURE__ */ jsx(
@@ -2908,7 +3271,7 @@ function AssistantMessageV2({
             style: { width: 16, height: 16 }
           }
         ),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("p", { className: "payman-v2-assistant-msg-error-text", children: message.errorDetails || "The response was interrupted." }) })
+        /* @__PURE__ */ jsx("div", { children: resolvedErrorText ? /* @__PURE__ */ jsx("p", { className: "payman-v2-assistant-msg-error-text", children: resolvedErrorText }) : null })
       ] }),
       isDone && hasVisibleDoneActions && /* @__PURE__ */ jsxs("div", { className: "payman-v2-assistant-msg-actions", children: [
         showCopyAction && /* @__PURE__ */ jsx(ActionTooltipV2, { label: "Copy", children: /* @__PURE__ */ jsx(
@@ -3105,76 +3468,72 @@ function VerificationCardV2({
   const handleCancel = useCallback(async () => {
     await onReject(messageId);
   }, [messageId, onReject]);
+  useCallback(async () => {
+    if (otp.length !== OTP_LEN || !/^\d+$/.test(otp) || status !== "pending") {
+      return;
+    }
+    if (lastSubmittedRef.current === otp) return;
+    lastSubmittedRef.current = otp;
+    await onApprove(messageId, otp);
+  }, [messageId, onApprove, otp, status]);
   const busy = status === "verifying";
+  status === "pending" && otp.length === OTP_LEN && /^\d+$/.test(otp);
   if (status === "approved" || status === "rejected") {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     motion.div,
     {
       className: "payman-v2-verification",
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       transition: { type: "spring", stiffness: 320, damping: 28 },
-      children: /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-card", children: [
-        /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-header", children: [
-          /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-header-row", children: [
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-card", children: [
+          /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-header", children: [
+            /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-header-row", children: [
+              /* @__PURE__ */ jsx(
+                ShieldCheck,
+                {
+                  className: "payman-v2-verification-icon",
+                  size: 18,
+                  strokeWidth: 1.75,
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "payman-v2-verification-title", children: "Verify" }),
+              action.amount != null ? /* @__PURE__ */ jsx("span", { className: "payman-v2-verification-amount", children: action.amount }) : action.payeeName ? /* @__PURE__ */ jsx("span", { className: "payman-v2-verification-payee", children: action.payeeName }) : null
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "payman-v2-verification-description", children: "Enter the 6-digit code sent to your phone" }),
             /* @__PURE__ */ jsx(
-              ShieldCheck,
+              OtpInputV2,
               {
-                className: "payman-v2-verification-icon",
-                size: 18,
-                strokeWidth: 1.75,
-                "aria-hidden": true
+                value: otp,
+                onChange: setOtp,
+                maxLength: OTP_LEN,
+                disabled: busy,
+                error: otpErrored
               }
             ),
-            /* @__PURE__ */ jsx("p", { className: "payman-v2-verification-title", children: "Verify" }),
-            action.amount != null ? /* @__PURE__ */ jsx("span", { className: "payman-v2-verification-amount", children: action.amount }) : action.payeeName ? /* @__PURE__ */ jsx("span", { className: "payman-v2-verification-payee", children: action.payeeName }) : null
+            busy ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-submitting", children: [
+              /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  "aria-hidden": true,
+                  style: { display: "inline-flex" },
+                  animate: { rotate: 360 },
+                  transition: {
+                    repeat: Infinity,
+                    duration: 0.7,
+                    ease: "linear"
+                  },
+                  children: /* @__PURE__ */ jsx(Loader2, { size: 14, strokeWidth: 2 })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "payman-v2-verification-submitting-text", children: "Verifying..." })
+            ] }) : null
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "payman-v2-verification-description", children: "Enter the 6-digit code sent to your phone" }),
-          /* @__PURE__ */ jsx(
-            OtpInputV2,
-            {
-              value: otp,
-              onChange: setOtp,
-              maxLength: OTP_LEN,
-              disabled: busy,
-              error: otpErrored
-            }
-          ),
-          busy ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-submitting", children: [
-            /* @__PURE__ */ jsx(
-              motion.span,
-              {
-                "aria-hidden": true,
-                style: { display: "inline-flex" },
-                animate: { rotate: 360 },
-                transition: {
-                  repeat: Infinity,
-                  duration: 0.7,
-                  ease: "linear"
-                },
-                children: /* @__PURE__ */ jsx(Loader2, { size: 14, strokeWidth: 2 })
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "payman-v2-verification-submitting-text", children: "Verifying..." })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "payman-v2-verification-actions", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: "payman-v2-verification-resend-btn",
-              disabled: busy || resendSec > 0,
-              onClick: () => void handleResend(),
-              children: [
-                /* @__PURE__ */ jsx(RotateCcw, { size: 12, strokeWidth: 2, "aria-hidden": true }),
-                resendSec > 0 ? `Resend (${resendSec}s)` : "Resend"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "payman-v2-verification-actions", children: /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -3183,9 +3542,19 @@ function VerificationCardV2({
               onClick: () => void handleCancel(),
               children: "Cancel"
             }
-          )
-        ] })
-      ] })
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "payman-v2-verification-resend-link",
+            disabled: busy || resendSec > 0,
+            onClick: () => void handleResend(),
+            children: resendSec > 0 ? `Resend (${resendSec}s)` : "Resend"
+          }
+        )
+      ]
     }
   );
 }
@@ -3407,7 +3776,8 @@ var ChatInputV2 = forwardRef(
     onUploadImageClick,
     onAttachFileClick,
     editingMessageId = null,
-    onClearEditing
+    onClearEditing,
+    hideSendButton = false
   }, ref) {
     const [value, setValue] = useState("");
     const [isFocused, setIsFocused] = useState(false);
@@ -3504,7 +3874,7 @@ var ChatInputV2 = forwardRef(
     const handleKeyDown = (e) => {
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
-        if (isStreaming) return;
+        if (isStreaming || hideSendButton) return;
         handleSend();
       }
     };
@@ -3742,7 +4112,7 @@ var ChatInputV2 = forwardRef(
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "payman-v2-input-controls-right", children: /* @__PURE__ */ jsx(
+              !hideSendButton && /* @__PURE__ */ jsx("div", { className: "payman-v2-input-controls-right", children: /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -3918,6 +4288,80 @@ var DEFAULT_USER_ACTION_STATE = {
 };
 var NOOP_ASYNC = async () => {
 };
+function useSentryChatCallbacks(callbacks, config) {
+  const sentryCtxRef = useRef({});
+  const callbacksRef = useRef(callbacks);
+  callbacksRef.current = callbacks;
+  const initialSessionId = config.initialSessionId;
+  const apiHeaders = config.api.headers;
+  useEffect(() => {
+    sentryCtxRef.current.workflowName = config.workflowName;
+    sentryCtxRef.current.sessionOwnerId = config.sessionParams?.id;
+    if (initialSessionId) {
+      sentryCtxRef.current.sessionId = initialSessionId;
+    }
+    if (apiHeaders) {
+      sentryCtxRef.current.customerId = apiHeaders["x-paygent-wf-mcp-customer-id"] ?? sentryCtxRef.current.customerId;
+      sentryCtxRef.current.customerEmail = apiHeaders["x-paygent-wf-mcp-customer-email"] ?? sentryCtxRef.current.customerEmail;
+    }
+  }, [
+    config.workflowName,
+    config.sessionParams?.id,
+    initialSessionId,
+    apiHeaders
+  ]);
+  useEffect(() => {
+    const endpoint = config.api.streamEndpoint || "/api/workflows/ask/stream";
+    return subscribeToCfRay(endpoint, (cfRay) => {
+      sentryCtxRef.current.cfRay = cfRay;
+    });
+  }, [config.api.streamEndpoint]);
+  return useMemo(
+    () => ({
+      onMessageSent: (msg) => callbacksRef.current?.onMessageSent?.(msg),
+      onStreamStart: () => callbacksRef.current?.onStreamStart?.(),
+      onStreamComplete: (message) => {
+        if (message.executionId) {
+          sentryCtxRef.current.executionId = message.executionId;
+        }
+        if (message.sessionId) {
+          sentryCtxRef.current.sessionId = message.sessionId;
+        }
+        const content = message.content ?? "";
+        const looksLikeRawErr = content.length >= 10 && (content.includes("errorType=") || /failed:\s*\{/.test(content));
+        const completedEmpty = !message.isStreaming && !message.isCancelled && content.length === 0 && (message.streamProgress === "completed" || message.streamProgress === "error");
+        const hasConflict = !!getConflictErrorMessage(message.errorDetails);
+        const hasFriendlyErr = isFriendlyWorkflowError(message.errorDetails);
+        const shouldCapture = message.isError || hasConflict || hasFriendlyErr || looksLikeRawErr || completedEmpty;
+        if (shouldCapture) {
+          sentryCtxRef.current.route = typeof window !== "undefined" ? window.location.pathname : void 0;
+          captureSentryError(
+            `Workflow error: ${message.errorDetails || content || "Unknown error"}`,
+            { ...sentryCtxRef.current }
+          );
+        }
+        callbacksRef.current?.onStreamComplete?.(message);
+      },
+      onError: (error) => {
+        sentryCtxRef.current.route = typeof window !== "undefined" ? window.location.pathname : void 0;
+        captureSentryError(error, { ...sentryCtxRef.current });
+        callbacksRef.current?.onError?.(error);
+      },
+      onSessionIdChange: (sessionId) => {
+        sentryCtxRef.current.sessionId = sessionId;
+        callbacksRef.current?.onSessionIdChange?.(sessionId);
+      },
+      onExecutionTraceClick: (data) => callbacksRef.current?.onExecutionTraceClick?.(data),
+      onResetSession: () => callbacksRef.current?.onResetSession?.(),
+      onUploadImageClick: () => callbacksRef.current?.onUploadImageClick?.(),
+      onAttachFileClick: () => callbacksRef.current?.onAttachFileClick?.(),
+      onUserActionRequired: (req) => callbacksRef.current?.onUserActionRequired?.(req),
+      onUserActionEvent: (evType, msg) => callbacksRef.current?.onUserActionEvent?.(evType, msg)
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+}
 var PaymanChatInner = forwardRef(function PaymanChatInner2({
   config,
   callbacks = {},
@@ -4199,6 +4643,7 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
       status
     };
   }, [isUserActionSupported, userActionState.request, userActionState.result]);
+  const hideV2SendDuringVerification = v2UserAction != null && v2UserAction.status !== "approved" && v2UserAction.status !== "rejected";
   const handleV2Send = (text) => {
     if (isRecording) stopRecording();
     if (text.trim() && !disableInput && isSessionParamsConfigured) {
@@ -4317,7 +4762,8 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
                         onUploadImageClick,
                         onAttachFileClick,
                         editingMessageId,
-                        onClearEditing: handleClearEditing
+                        onClearEditing: handleClearEditing,
+                        hideSendButton: hideV2SendDuringVerification
                       }
                     )
                   }
@@ -4381,7 +4827,8 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
                     onUploadImageClick,
                     onAttachFileClick,
                     editingMessageId,
-                    onClearEditing: handleClearEditing
+                    onClearEditing: handleClearEditing,
+                    hideSendButton: hideV2SendDuringVerification
                   }
                 )
               ]
@@ -4556,13 +5003,15 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
 });
 var PaymanChatV1Shell = forwardRef(
   function PaymanChatV1Shell2(props, ref) {
-    const chat = useChat(props.config, props.callbacks);
+    const mergedCallbacks = useSentryChatCallbacks(props.callbacks, props.config);
+    const chat = useChat(props.config, mergedCallbacks);
     return /* @__PURE__ */ jsx(PaymanChatInner, { ...props, chat, ref });
   }
 );
 var PaymanChatV2Shell = forwardRef(
   function PaymanChatV2Shell2(props, ref) {
-    const chat = useChatV2(props.config, props.callbacks);
+    const mergedCallbacks = useSentryChatCallbacks(props.callbacks, props.config);
+    const chat = useChatV2(props.config, mergedCallbacks);
     return /* @__PURE__ */ jsx(PaymanChatInner, { ...props, chat, ref });
   }
 );
@@ -4575,6 +5024,6 @@ var PaymanChat = forwardRef(
   }
 );
 
-export { PaymanChat, PaymanChatContext, cn, formatDate, usePaymanChat };
+export { PaymanChat, PaymanChatContext, captureSentryError, cn, formatDate, usePaymanChat };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map