@paymanai/payman-ask-sdk 4.0.23 → 4.0.24

package/dist/index.mjs

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { createContext, forwardRef, useCallback, useRef, useState, useMemo, useEffect, useImperativeHandle, useLayoutEffect, useContext } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { clsx } from 'clsx';
@@ -496,9 +495,9 @@ function processStreamEventV2(rawEvent, state) {
         state.hasError = true;
         state.errorMessage = "WORKFLOW_FAILED";
       }
-      state.steps.forEach((step) => {
-        if (step.status === "in_progress") {
-          step.status = "completed";
+      state.steps.forEach((step2) => {
+        if (step2.status === "in_progress") {
+          step2.status = "completed";
         }
       });
       state.lastEventType = eventType;
@@ -710,7 +709,8 @@ function buildRequestBody(config, userMessage, sessionId, options) {
     sessionAttributes,
     analysisMode: options?.analysisMode,
     locale: resolveLocale(config.locale),
-    timezone: resolveTimezone(config.timezone)
+    timezone: resolveTimezone(config.timezone),
+    ...options?.attachments?.length ? { attachments: options.attachments } : {}
   };
 }
 function resolveLocale(configured) {
@@ -755,6 +755,7 @@ function buildResolveImagesUrl(config) {
   const basePath = normalizedEndpointPath.endsWith("/stream") ? normalizedEndpointPath.slice(0, -"/stream".length) : normalizedEndpointPath;
   return `${config.api.baseUrl}${basePath}/resolve-image-urls`;
 }
+var NGROK_SKIP_BROWSER_WARNING = "ngrok-skip-browser-warning";
 function buildRequestHeaders(config) {
   const headers = {
     ...config.api.headers
@@ -762,6 +763,9 @@ function buildRequestHeaders(config) {
   if (config.api.authToken) {
     headers.Authorization = `Bearer ${config.api.authToken}`;
   }
+  if (!headers[NGROK_SKIP_BROWSER_WARNING]) {
+    headers[NGROK_SKIP_BROWSER_WARNING] = "true";
+  }
   return headers;
 }
 var RAG_IMAGE_REGEX = /\/api\/rag\/chunks\/[^"'\s]+\/image/;
@@ -913,11 +917,11 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
                   errorDetails: isAborted ? void 0 : error.message,
                   content: isAborted ? state.finalResponse || "" : state.finalResponse || FRIENDLY_ERROR_MESSAGE,
                   currentMessage: isAborted ? "Thinking..." : void 0,
-                  steps: [...state.steps].map((step) => {
-                    if (step.status === "in_progress" && isAborted) {
-                      return { ...step, status: "pending" };
+                  steps: [...state.steps].map((step2) => {
+                    if (step2.status === "in_progress" && isAborted) {
+                      return { ...step2, status: "pending" };
                     }
-                    return step;
+                    return step2;
                   }),
                   currentExecutingStepId: void 0
                 } : msg
@@ -1003,11 +1007,11 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
               isCancelled: isAborted,
               errorDetails: isAborted ? void 0 : error.message,
               content: isAborted ? state.finalResponse || "" : state.finalResponse || FRIENDLY_ERROR_MESSAGE,
-              steps: [...state.steps].map((step) => {
-                if (step.status === "in_progress" && isAborted) {
-                  return { ...step, status: "pending" };
+              steps: [...state.steps].map((step2) => {
+                if (step2.status === "in_progress" && isAborted) {
+                  return { ...step2, status: "pending" };
                 }
-                return step;
+                return step2;
               }),
               currentExecutingStepId: void 0
             } : msg
@@ -1028,11 +1032,11 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
   };
 }
 function createCancelledMessageUpdate(steps, currentMessage) {
-  const updatedSteps = steps.map((step) => {
-    if (step.status === "in_progress") {
-      return { ...step, status: "pending" };
+  const updatedSteps = steps.map((step2) => {
+    if (step2.status === "in_progress") {
+      return { ...step2, status: "pending" };
     }
-    return step;
+    return step2;
   });
   return {
     isStreaming: false,
@@ -1042,6 +1046,81 @@ function createCancelledMessageUpdate(steps, currentMessage) {
     currentMessage: currentMessage || "Thinking..."
   };
 }
+var DEFAULT_SIGNED_URL_ENDPOINT = "/api/files/signed-url";
+function fileExtension(filename) {
+  const ext = filename.split(".").pop()?.toLowerCase().replace(/^\./, "");
+  return ext && ext.length > 0 ? ext : "bin";
+}
+function resolveMimeType(file) {
+  if (file.type && file.type.trim().length > 0) return file.type;
+  const ext = fileExtension(file.name);
+  const byExt = {
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    webp: "image/webp"
+  };
+  return byExt[ext] ?? "application/octet-stream";
+}
+function buildSignedUrlEndpoint(config, ext) {
+  const endpoint = config.api.signedUrlEndpoint || DEFAULT_SIGNED_URL_ENDPOINT;
+  const queryParams = new URLSearchParams({ extn: ext.replace(/^\./, "") });
+  return `${config.api.baseUrl}${endpoint}?${queryParams.toString()}`;
+}
+async function requestSignedUrl(config, ext, signal) {
+  const url = buildSignedUrlEndpoint(config, ext);
+  const headers = buildRequestHeaders(config);
+  const response = await fetch(url, {
+    method: "GET",
+    headers,
+    signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => "");
+    throw new Error(
+      errorText ? `Failed to get upload URL (${response.status}): ${errorText}` : `Failed to get upload URL (${response.status})`
+    );
+  }
+  const data = await response.json();
+  if (!data.key || !data.url) {
+    throw new Error("Signed URL response missing key or url");
+  }
+  return { key: data.key, url: data.url };
+}
+async function uploadToSignedUrl(signedUrl, file, mimeType, signal) {
+  const response = await fetch(signedUrl, {
+    method: "PUT",
+    headers: {
+      "Content-Type": mimeType,
+      "x-ms-blob-type": "BlockBlob"
+    },
+    body: file,
+    signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => "");
+    throw new Error(
+      errorText ? `Failed to upload file (${response.status}): ${errorText}` : `Failed to upload file (${response.status})`
+    );
+  }
+}
+async function uploadAttachment(config, file, signal) {
+  const ext = fileExtension(file.name);
+  const mimeType = resolveMimeType(file);
+  const { key, url } = await requestSignedUrl(config, ext, signal);
+  await uploadToSignedUrl(url, file, mimeType, signal);
+  return {
+    tempKey: key,
+    filename: file.name,
+    mimeType
+  };
+}
+async function uploadAttachments(config, files, signal) {
+  const uploads = files.map((file) => uploadAttachment(config, file, signal));
+  return Promise.all(uploads);
+}
 var UserActionStaleError = class extends Error {
   constructor(userActionId, message = "User action is no longer actionable") {
     super(message);
@@ -1078,9 +1157,6 @@ async function cancelUserAction(config, userActionId) {
 async function resendUserAction(config, userActionId) {
   return sendUserActionRequest(config, userActionId, "resend");
 }
-async function expireUserAction(config, userActionId) {
-  return sendUserActionRequest(config, userActionId, "expired");
-}
 var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
 function upsertPrompt(prompts, req) {
   const active = { ...req, status: "pending" };
@@ -1109,12 +1185,32 @@ function getStoredOrInitialMessages(config) {
 function getSessionIdFromMessages(messages) {
   return messages.find((message) => message.sessionId)?.sessionId;
 }
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "avif"]);
+function attachmentKindFromFile(file) {
+  const ext = file.name.split(".").pop()?.toLowerCase() ?? "";
+  if (IMAGE_EXTENSIONS.has(ext) || file.type.startsWith("image/")) return "image";
+  return "file";
+}
+function buildMessageAttachments(files) {
+  return files.map((file, index) => {
+    const kind = attachmentKindFromFile(file);
+    return {
+      id: `att-${Date.now()}-${index}`,
+      filename: file.name,
+      mimeType: file.type || "application/octet-stream",
+      // Blob URL for all local files so PDFs/docs stay previewable after send.
+      previewUrl: URL.createObjectURL(file),
+      kind
+    };
+  });
+}
 function useChatV2(config, callbacks = {}) {
   const [messages, setMessages] = useState(() => getStoredOrInitialMessages(config));
   const [isWaitingForResponse, setIsWaitingForResponse] = useState(() => {
     if (!config.userId) return false;
     return activeStreamStore.get(config.userId)?.isWaiting ?? false;
   });
+  const [isUploadingAttachments, setIsUploadingAttachments] = useState(false);
   const sessionIdRef = useRef(
     getSessionIdFromMessages(getStoredOrInitialMessages(config)) ?? config.initialSessionId ?? void 0
   );
@@ -1189,21 +1285,45 @@ function useChatV2(config, callbacks = {}) {
   );
   const sendMessage = useCallback(
     async (userMessage, options) => {
-      if (!userMessage.trim()) return;
+      const trimmedMessage = userMessage.trim();
+      const files = options?.files ?? [];
+      const hasPreuploadedAttachments = (options?.attachments?.length ?? 0) > 0;
+      if (!trimmedMessage && files.length === 0 && !hasPreuploadedAttachments) return;
+      let streamAttachments = options?.attachments;
+      if (!streamAttachments && files.length > 0) {
+        setIsUploadingAttachments(true);
+        try {
+          streamAttachments = await uploadAttachments(configRef.current, files);
+        } catch (error) {
+          if (error.name !== "AbortError") {
+            callbacksRef.current.onError?.(error);
+          }
+          throw error;
+        } finally {
+          setIsUploadingAttachments(false);
+        }
+      }
       if (!sessionIdRef.current && configRef.current.autoGenerateSessionId !== false) {
         sessionIdRef.current = generateId();
         callbacksRef.current.onSessionIdChange?.(sessionIdRef.current);
       }
+      const messageAttachments = files.length > 0 ? buildMessageAttachments(files) : streamAttachments?.length ? streamAttachments.map((attachment, index) => ({
+        id: `att-${Date.now()}-${index}`,
+        filename: attachment.filename,
+        mimeType: attachment.mimeType,
+        kind: attachment.mimeType.startsWith("image/") ? "image" : "file"
+      })) : void 0;
       const userMessageId = `user-${Date.now()}`;
       const userMsg = {
         id: userMessageId,
         sessionId: sessionIdRef.current,
         role: "user",
-        content: userMessage,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        content: trimmedMessage,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        attachments: messageAttachments
       };
       setMessages((prev) => [...prev, userMsg]);
-      callbacksRef.current.onMessageSent?.(userMessage);
+      callbacksRef.current.onMessageSent?.(trimmedMessage);
       setIsWaitingForResponse(true);
       callbacksRef.current.onStreamStart?.();
       const streamingId = `assistant-${Date.now()}`;
@@ -1230,11 +1350,14 @@ function useChatV2(config, callbacks = {}) {
         activeStreamStore.start(userId, abortController, initialMessages);
       }
       const newSessionId = await startStream(
-        userMessage,
+        trimmedMessage,
         streamingId,
         sessionIdRef.current,
         abortController,
-        options
+        {
+          analysisMode: options?.analysisMode,
+          attachments: streamAttachments
+        }
       );
       const finalStreamUserId = streamUserIdRef.current ?? userId;
       if (finalStreamUserId) {
@@ -1372,19 +1495,6 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const expireUserAction2 = useCallback(
-    async (userActionId) => {
-      setPromptStatus(userActionId, "expired");
-      try {
-        await expireUserAction(configRef.current, userActionId);
-      } catch (error) {
-        if (error instanceof UserActionStaleError) return;
-        callbacksRef.current.onError?.(error);
-        throw error;
-      }
-    },
-    [setPromptStatus]
-  );
   const dismissNotification = useCallback((id) => {
     setUserActionState((prev) => ({
       ...prev,
@@ -1425,6 +1535,18 @@ function useChatV2(config, callbacks = {}) {
     setMessages(config.initialMessages);
     sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? config.initialSessionId;
   }, [config.initialMessages, config.initialSessionId, config.userId]);
+  const hydratedSessionIdRef = useRef(void 0);
+  useEffect(() => {
+    if (config.userId) return;
+    if (!config.initialMessages?.length) return;
+    const sessionId = config.initialSessionId;
+    if (hydratedSessionIdRef.current === sessionId && messagesRef.current.length > 0) {
+      return;
+    }
+    hydratedSessionIdRef.current = sessionId;
+    setMessages(config.initialMessages);
+    sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? sessionId;
+  }, [config.initialMessages, config.initialSessionId, config.userId]);
   useEffect(() => {
     const prevUserId = prevUserIdRef.current;
     prevUserIdRef.current = config.userId;
@@ -1459,12 +1581,12 @@ function useChatV2(config, callbacks = {}) {
     getSessionId,
     getMessages,
     isWaitingForResponse,
+    isUploadingAttachments,
     sessionId: sessionIdRef.current,
     userActionState,
     submitUserAction: submitUserAction2,
     cancelUserAction: cancelUserAction2,
     resendUserAction: resendUserAction2,
-    expireUserAction: expireUserAction2,
     dismissNotification
   };
 }
@@ -2269,7 +2391,7 @@ function createMarkdownComponents(options = {}) {
     },
     pre: ({ children }) => /* @__PURE__ */ jsx("pre", { className: "my-2 max-w-full overflow-x-auto rounded-lg", children }),
     ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "mb-3 ml-4 list-disc space-y-1 text-sm", children }),
-    ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "mb-3 ml-4 list-decimal space-y-1 text-sm", children }),
+    ol: ({ children, start }) => /* @__PURE__ */ jsx("ol", { className: "mb-3 ml-4 list-decimal space-y-1 text-sm", start, children }),
     li: ({ children }) => /* @__PURE__ */ jsx("li", { className: "text-sm leading-relaxed", children }),
     h1: ({ children }) => /* @__PURE__ */ jsx("h1", { className: "mt-4 mb-2 text-lg font-semibold first:mt-0", children }),
     h2: ({ children }) => /* @__PURE__ */ jsx("h2", { className: "mt-3 mb-2 text-base font-semibold first:mt-0", children }),
@@ -2338,7 +2460,7 @@ function AgentMessage({
     }
     wasStreamingRef.current = isStreaming;
   }, [isStreaming, hasSteps]);
-  const totalElapsedMs = hasSteps ? message.steps.reduce((sum, step) => sum + (step.elapsedMs || 0), 0) : 0;
+  const totalElapsedMs = hasSteps ? message.steps.reduce((sum, step2) => sum + (step2.elapsedMs || 0), 0) : 0;
   const currentMessage = message.currentMessage;
   const rawContent = message.streamingContent || message.content || "";
   const content = rawContent.replace(/\\n/g, "\n");
@@ -2366,25 +2488,25 @@ function AgentMessage({
     }
     return `${count} ${stepWord} completed`;
   };
-  const renderStepIcon = (step, isCurrentlyExecuting) => {
+  const renderStepIcon = (step2, isCurrentlyExecuting) => {
     const wrapper = "h-4 w-4 flex items-center justify-center shrink-0";
     if (isCurrentlyExecuting)
       return /* @__PURE__ */ jsx("div", { className: wrapper, children: /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 payman-agent-step-icon--active animate-spin" }) });
-    if (step.status === "pending" && isCancelled)
+    if (step2.status === "pending" && isCancelled)
       return /* @__PURE__ */ jsx("div", { className: wrapper, children: /* @__PURE__ */ jsx("div", { className: "h-1.5 w-1.5 rounded-full payman-agent-step-icon--pending" }) });
-    if (step.status === "pending" || step.status === "in_progress")
+    if (step2.status === "pending" || step2.status === "in_progress")
       return /* @__PURE__ */ jsx("div", { className: wrapper, children: /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 payman-agent-step-icon--in-progress-dim animate-spin" }) });
-    if (step.status === "completed")
+    if (step2.status === "completed")
       return /* @__PURE__ */ jsx("div", { className: wrapper, children: /* @__PURE__ */ jsx(
         Check,
         {
           className: cn(
             "h-3.5 w-3.5",
-            step.eventType === "USER_ACTION_SUCCESS" ? "payman-agent-step-icon--success" : "payman-agent-step-icon--success-dim"
+            step2.eventType === "USER_ACTION_SUCCESS" ? "payman-agent-step-icon--success" : "payman-agent-step-icon--success-dim"
           )
         }
       ) });
-    if (step.status === "error")
+    if (step2.status === "error")
       return /* @__PURE__ */ jsx("div", { className: wrapper, children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5 payman-agent-step-icon--error" }) });
     return /* @__PURE__ */ jsx("div", { className: wrapper, children: /* @__PURE__ */ jsx("div", { className: "h-1.5 w-1.5 rounded-full payman-agent-step-icon--pending-dim" }) });
   };
@@ -2396,33 +2518,33 @@ function AgentMessage({
       exit: { height: 0, opacity: 0 },
       transition: { duration: 0.2, ease: "easeInOut" },
       className: "overflow-hidden",
-      children: /* @__PURE__ */ jsx("div", { className: "pt-1.5", children: message.steps.map((step) => {
-        const isCurrentlyExecuting = step.id === currentExecutingStepId && step.status === "in_progress" && isStreaming && !isCancelled;
-        const hasTime = step.elapsedMs != null && step.elapsedMs > 0;
+      children: /* @__PURE__ */ jsx("div", { className: "pt-1.5", children: message.steps.map((step2) => {
+        const isCurrentlyExecuting = step2.id === currentExecutingStepId && step2.status === "in_progress" && isStreaming && !isCancelled;
+        const hasTime = step2.elapsedMs != null && step2.elapsedMs > 0;
         return /* @__PURE__ */ jsxs("div", { className: "mb-1.5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 items-start", children: [
-            /* @__PURE__ */ jsx("div", { className: "mt-px", children: renderStepIcon(step, isCurrentlyExecuting) }),
+            /* @__PURE__ */ jsx("div", { className: "mt-px", children: renderStepIcon(step2, isCurrentlyExecuting) }),
             /* @__PURE__ */ jsx(
               "span",
               {
                 className: cn(
                   "text-xs leading-relaxed min-w-0 break-words",
                   isCurrentlyExecuting && "shimmer-text font-medium",
-                  !isCurrentlyExecuting && step.status === "error" && "payman-agent-step-text--error",
-                  !isCurrentlyExecuting && step.eventType === "USER_ACTION_SUCCESS" && "payman-agent-step-text--success",
-                  !isCurrentlyExecuting && step.status === "completed" && "payman-agent-step-text--completed",
-                  !isCurrentlyExecuting && step.status === "pending" && "payman-agent-step-text--pending",
-                  !isCurrentlyExecuting && step.status === "in_progress" && "payman-agent-step-text--in-progress"
+                  !isCurrentlyExecuting && step2.status === "error" && "payman-agent-step-text--error",
+                  !isCurrentlyExecuting && step2.eventType === "USER_ACTION_SUCCESS" && "payman-agent-step-text--success",
+                  !isCurrentlyExecuting && step2.status === "completed" && "payman-agent-step-text--completed",
+                  !isCurrentlyExecuting && step2.status === "pending" && "payman-agent-step-text--pending",
+                  !isCurrentlyExecuting && step2.status === "in_progress" && "payman-agent-step-text--in-progress"
                 ),
-                children: step.message
+                children: step2.message
               }
             )
           ] }),
           hasTime && /* @__PURE__ */ jsx("div", { className: "pl-[22px] mt-1", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md payman-agent-step-time leading-none", children: [
             /* @__PURE__ */ jsx(Clock, { className: "h-2.5 w-2.5 shrink-0 payman-agent-step-time-icon" }),
-            /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono payman-agent-step-time-text", children: formatElapsedTime(step.elapsedMs) })
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono payman-agent-step-time-text", children: formatElapsedTime(step2.elapsedMs) })
           ] }) })
-        ] }, step.id);
+        ] }, step2.id);
       }) })
     }
   ) });
@@ -3379,92 +3501,13 @@ function MarkdownImageV2({
     }
   ) });
 }
-var RAG_SOURCE_CLASS = "payman-v2-rag-source";
-var RAG_FOLLOW_UP_CLASS = "payman-v2-rag-follow-up";
-var SOURCE_PATTERN = /^Sources?:\s*\S/i;
-var MAX_FOLLOW_UP_LENGTH = 320;
-var HR_PATTERN = /^-{3,}$|^_{3,}$|^\*{3,}$/;
-function normalizeRagParagraphText(text) {
-  return text.replace(/\s+/g, " ").trim();
-}
-function isRagSourceParagraph(text) {
-  return SOURCE_PATTERN.test(normalizeRagParagraphText(text));
-}
-function isRagFollowUpCandidate(text) {
-  const normalized = normalizeRagParagraphText(text);
-  return normalized.length > 0 && normalized.length <= MAX_FOLLOW_UP_LENGTH && normalized.endsWith("?");
-}
-function extractRagParagraphTexts(content) {
-  const paragraphs = [];
-  const currentParagraph = [];
-  const flushParagraph = () => {
-    const paragraph = normalizeRagParagraphText(currentParagraph.join(" "));
-    currentParagraph.length = 0;
-    if (paragraph) paragraphs.push(paragraph);
-  };
-  content.replace(/\\n/g, "\n").split(/\r?\n/).forEach((line) => {
-    const trimmedLine = line.trim();
-    if (!trimmedLine) {
-      flushParagraph();
-      return;
-    }
-    if (HR_PATTERN.test(trimmedLine)) {
-      flushParagraph();
-      return;
-    }
-    currentParagraph.push(trimmedLine);
-  });
-  flushParagraph();
-  return paragraphs;
-}
-function getRagAnswerParagraphRoles(paragraphs) {
-  const normalized = paragraphs.map(normalizeRagParagraphText);
-  const roles = normalized.map(() => null);
-  const sourceIndexes = normalized.map((paragraph, index) => isRagSourceParagraph(paragraph) ? index : -1).filter((index) => index >= 0);
-  for (const sourceIndex of sourceIndexes) {
-    roles[sourceIndex] = "source";
-    for (const candidateIndex of [sourceIndex - 1, sourceIndex + 1]) {
-      if (candidateIndex >= 0 && candidateIndex < normalized.length && roles[candidateIndex] == null && isRagFollowUpCandidate(normalized[candidateIndex] ?? "")) {
-        roles[candidateIndex] = "follow-up";
-      }
-    }
-  }
-  return roles;
-}
-function getRagAnswerParagraphRole(paragraph, paragraphs) {
-  const normalizedParagraph = normalizeRagParagraphText(paragraph);
-  if (isRagSourceParagraph(normalizedParagraph)) return "source";
-  const roles = getRagAnswerParagraphRoles(paragraphs);
-  return paragraphs.map(normalizeRagParagraphText).some((candidate, index) => {
-    return candidate === normalizedParagraph && roles[index] === "follow-up";
-  }) ? "follow-up" : null;
-}
-function ragAnswerRoleClassName(role) {
-  if (role === "source") return RAG_SOURCE_CLASS;
-  if (role === "follow-up") return RAG_FOLLOW_UP_CLASS;
-  return void 0;
-}
-function reactNodeText(node) {
-  if (typeof node === "string" || typeof node === "number") return String(node);
-  if (Array.isArray(node)) return node.map(reactNodeText).join("");
-  if (React.isValidElement(node)) {
-    return reactNodeText(node.props.children);
-  }
-  return "";
-}
-function buildComponents(onImageClick, isResolvingRef, ragParagraphsRef) {
+function buildComponents(onImageClick, isResolvingRef) {
   return {
-    p: ({ children }) => {
-      const role = getRagAnswerParagraphRole(
-        reactNodeText(children),
-        ragParagraphsRef?.current ?? []
-      );
-      return /* @__PURE__ */ jsx("p", { className: ragAnswerRoleClassName(role), children });
-    },
+    p: ({ children }) => /* @__PURE__ */ jsx("p", { children }),
     code: ({ children }) => /* @__PURE__ */ jsx("code", { children }),
     pre: ({ children }) => /* @__PURE__ */ jsx("div", { className: "payman-v2-markdown-pre", children: /* @__PURE__ */ jsx("pre", { children }) }),
     ul: ({ children }) => /* @__PURE__ */ jsx("ul", { children }),
-    ol: ({ children }) => /* @__PURE__ */ jsx("ol", { children }),
+    ol: ({ children, start }) => /* @__PURE__ */ jsx("ol", { start, children }),
     li: ({ children }) => /* @__PURE__ */ jsx("li", { children }),
     h1: ({ children }) => /* @__PURE__ */ jsx("h1", { children }),
     h2: ({ children }) => /* @__PURE__ */ jsx("h2", { children }),
@@ -3498,13 +3541,8 @@ function MarkdownRendererV2({
 }) {
   const isResolvingRef = useRef(isResolvingImages);
   isResolvingRef.current = isResolvingImages;
-  const ragParagraphsRef = useRef([]);
-  ragParagraphsRef.current = useMemo(
-    () => extractRagParagraphTexts(content),
-    [content]
-  );
   const components = useMemo(
-    () => buildComponents(onImageClick, isResolvingRef, ragParagraphsRef),
+    () => buildComponents(onImageClick, isResolvingRef),
     [onImageClick]
   );
   return /* @__PURE__ */ jsx(
@@ -3770,6 +3808,87 @@ function FeedbackReasonModal({
     }
   ) : null });
 }
+
+// src/utils/markdownImageToken.ts
+function step(text, i) {
+  if (text[i] === "\\" && i + 1 < text.length) return i + 2;
+  return i + 1;
+}
+function scanAltText(text, start) {
+  let i = start;
+  while (i < text.length) {
+    if (text[i] === "]") return i;
+    i = step(text, i);
+  }
+  return -1;
+}
+function scanOptionalTitle(text, start) {
+  let i = start;
+  while (i < text.length && /[\t\n ]/.test(text[i])) i++;
+  if (i >= text.length) return i;
+  const quote = text[i];
+  if (quote !== '"' && quote !== "'") return i;
+  i++;
+  while (i < text.length) {
+    if (text[i] === quote) return i + 1;
+    i = step(text, i);
+  }
+  return -1;
+}
+function scanAngleBracketDestination(text, start) {
+  let i = start + 1;
+  while (i < text.length) {
+    if (text[i] === ">") return i + 1;
+    i = step(text, i);
+  }
+  return -1;
+}
+function scanRawDestination(text, start) {
+  let i = start;
+  let depth = 1;
+  while (i < text.length) {
+    const char = text[i];
+    if (char === "\\") {
+      if (i + 1 >= text.length) return -1;
+      i += 2;
+      continue;
+    }
+    if (char === "(") depth++;
+    else if (char === ")") {
+      depth--;
+      if (depth === 0) return i + 1;
+    }
+    i++;
+  }
+  return -1;
+}
+function completeMarkdownImageTokenLength(text) {
+  if (!text.startsWith("![")) return 0;
+  const altEnd = scanAltText(text, 2);
+  if (altEnd === -1 || altEnd + 1 >= text.length || text[altEnd + 1] !== "(") {
+    return 0;
+  }
+  let i = altEnd + 2;
+  if (i >= text.length) return 0;
+  if (text[i] === "<") {
+    i = scanAngleBracketDestination(text, i);
+    if (i === -1) return 0;
+    i = scanOptionalTitle(text, i);
+    if (i === -1 || i >= text.length || text[i] !== ")") return 0;
+    return i + 1;
+  }
+  i = scanRawDestination(text, i);
+  return i === -1 ? 0 : i;
+}
+function stripIncompleteImageToken(text) {
+  const lastBang = text.lastIndexOf("![");
+  if (lastBang === -1) return text;
+  const suffix = text.slice(lastBang);
+  if (completeMarkdownImageTokenLength(suffix) > 0) return text;
+  return text.slice(0, lastBang);
+}
+
+// src/components/v2/useTypingEffect.ts
 var RESPONSE_SPEED = {
   normal: [2, 4],
   fast: 1,
@@ -3777,7 +3896,6 @@ var RESPONSE_SPEED = {
   newline: [4, 6],
   idle: 15
 };
-var MARKDOWN_IMAGE_REGEX = /^!\[[^\]]*\]\([^)]*\)/;
 function charDelay(char, speed, multiplier) {
   const raw = (() => {
     if (char === "*") return speed.fast;
@@ -3836,9 +3954,9 @@ function useTypingEffect(targetText, enabled, speed = RESPONSE_SPEED, initialDis
       }
       if (displayedRef.current.length < targetRef.current.length) {
         const remaining = targetRef.current.slice(displayedRef.current.length);
-        const imgMatch = MARKDOWN_IMAGE_REGEX.exec(remaining);
-        if (imgMatch) {
-          displayedRef.current += imgMatch[0];
+        const imageTokenLength = completeMarkdownImageTokenLength(remaining);
+        if (imageTokenLength > 0) {
+          displayedRef.current += remaining.slice(0, imageTokenLength);
           setDisplayedText(displayedRef.current);
           timerRef.current = setTimeout(tick, 0);
           return;
@@ -3867,13 +3985,6 @@ function useTypingEffect(targetText, enabled, speed = RESPONSE_SPEED, initialDis
     isTyping
   };
 }
-function stripIncompleteImageToken(text) {
-  const lastBang = text.lastIndexOf("![");
-  if (lastBang === -1) return text;
-  const after = text.slice(lastBang);
-  if (/^!\[[^\]]*\]\([^)]*\)/.test(after)) return text;
-  return text.slice(0, lastBang);
-}
 function getFeedbackState(message) {
   const feedback = message.feedback;
   if (feedback === "up" || feedback === "down") return feedback;
@@ -5757,9 +5868,9 @@ var PRE_PIPELINE_STEPS = /* @__PURE__ */ new Set([
   "build_pipeline",
   "load_skill_index"
 ]);
-function stepColor(step) {
-  if (step.status === "failed") return "#ef4444";
-  if (PRE_PIPELINE_STEPS.has(step.step)) return "#f59e0b";
+function stepColor(step2) {
+  if (step2.status === "failed") return "#ef4444";
+  if (PRE_PIPELINE_STEPS.has(step2.step)) return "#f59e0b";
   return "#3b82f6";
 }
 function formatMs(ms) {
@@ -5936,10 +6047,10 @@ function TimelineBars({
   totalMs,
   unaccountedMs
 }) {
-  const bars = trace.pipelineSteps.map((step) => {
-    const duration = step.durationMs ?? 0;
+  const bars = trace.pipelineSteps.map((step2) => {
+    const duration = step2.durationMs ?? 0;
     const widthPct = totalMs > 0 ? duration / totalMs * 100 : 0;
-    const llmMs = step.llmCall?.durationMs ?? null;
+    const llmMs = step2.llmCall?.durationMs ?? null;
     return /* @__PURE__ */ jsxs("div", { style: { marginBottom: 8 }, children: [
       /* @__PURE__ */ jsxs(
         "div",
@@ -5953,8 +6064,8 @@ function TimelineBars({
           },
           children: [
             /* @__PURE__ */ jsxs("span", { children: [
-              step.step,
-              step.status === "failed" && /* @__PURE__ */ jsx("span", { style: { color: "#fca5a5", marginLeft: 6 }, children: "(failed)" })
+              step2.step,
+              step2.status === "failed" && /* @__PURE__ */ jsx("span", { style: { color: "#fca5a5", marginLeft: 6 }, children: "(failed)" })
             ] }),
             /* @__PURE__ */ jsxs("span", { style: { opacity: 0.75 }, children: [
               formatMs(duration),
@@ -5982,14 +6093,14 @@ function TimelineBars({
               style: {
                 height: "100%",
                 width: `${Math.max(widthPct, 0.3)}%`,
-                background: stepColor(step),
+                background: stepColor(step2),
                 transition: "width 0.2s ease"
               }
             }
           )
         }
       )
-    ] }, `${step.step}-${step.startTime}`);
+    ] }, `${step2.step}-${step2.startTime}`);
   });
   return /* @__PURE__ */ jsxs("div", { children: [
     bars,
@@ -6208,7 +6319,7 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   const submitUserAction2 = chat.submitUserAction ?? NOOP_ASYNC;
   const cancelUserAction2 = chat.cancelUserAction ?? NOOP_ASYNC;
   const resendUserAction2 = chat.resendUserAction ?? NOOP_ASYNC;
-  const expireUserAction2 = chat.expireUserAction ?? NOOP_ASYNC;
+  const expireUserAction = chat.expireUserAction ?? NOOP_ASYNC;
   const dismissNotification = chat.dismissNotification ?? NOOP;
   const isUserActionSupported = typeof chat.submitUserAction === "function" && typeof chat.cancelUserAction === "function" && typeof chat.resendUserAction === "function";
   const {
@@ -6609,7 +6720,7 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
                   onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
                   onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
                   onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
-                  onExpireUserAction: isUserActionSupported ? expireUserAction2 : void 0,
+                  onExpireUserAction: isUserActionSupported ? expireUserAction : void 0,
                   onDismissNotification: dismissNotification,
                   onSubmitFeedback: handleSubmitFeedback
                 }