@paymanai/payman-ask-sdk 4.0.24 → 4.0.26

package/dist/index.mjs

@@ -1,3 +1,4 @@
+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';
@@ -33,6 +34,7 @@ var chatStore = {
     memoryStore.delete(key);
   }
 };
+var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
 var streams = /* @__PURE__ */ new Map();
 var activeStreamStore = {
   has(key) {
@@ -41,7 +43,11 @@ var activeStreamStore = {
   get(key) {
     const entry = streams.get(key);
     if (!entry) return null;
-    return { messages: entry.messages, isWaiting: entry.isWaiting };
+    return {
+      messages: entry.messages,
+      isWaiting: entry.isWaiting,
+      userActionState: entry.userActionState
+    };
   },
   // Called before startStream — registers the controller and initial messages
   start(key, abortController, initialMessages) {
@@ -49,6 +55,7 @@ var activeStreamStore = {
     streams.set(key, {
       messages: initialMessages,
       isWaiting: true,
+      userActionState: EMPTY_USER_ACTION_STATE,
       abortController,
       listeners: existing?.listeners ?? /* @__PURE__ */ new Set()
     });
@@ -59,20 +66,27 @@ var activeStreamStore = {
     if (!entry) return;
     const next = typeof updater === "function" ? updater(entry.messages) : updater;
     entry.messages = next;
-    entry.listeners.forEach((l) => l(next, entry.isWaiting));
+    entry.listeners.forEach((l) => l(next, entry.isWaiting, entry.userActionState));
   },
   setWaiting(key, waiting) {
     const entry = streams.get(key);
     if (!entry) return;
     entry.isWaiting = waiting;
-    entry.listeners.forEach((l) => l(entry.messages, waiting));
+    entry.listeners.forEach((l) => l(entry.messages, waiting, entry.userActionState));
+  },
+  applyUserActionState(key, updater) {
+    const entry = streams.get(key);
+    if (!entry) return;
+    const next = typeof updater === "function" ? updater(entry.userActionState) : updater;
+    entry.userActionState = next;
+    entry.listeners.forEach((l) => l(entry.messages, entry.isWaiting, next));
   },
   // Called when stream completes — persists to chatStore and cleans up
   complete(key) {
     const entry = streams.get(key);
     if (!entry) return;
     entry.isWaiting = false;
-    entry.listeners.forEach((l) => l(entry.messages, false));
+    entry.listeners.forEach((l) => l(entry.messages, false, entry.userActionState));
     const toSave = entry.messages.filter((m) => !m.isStreaming);
     if (toSave.length > 0) chatStore.set(key, toSave);
     streams.delete(key);
@@ -260,6 +274,8 @@ function getEventMessage(event) {
     }
     case "RUN_IN_PROGRESS":
       return event.partialText || "Thinking...";
+    case "LLM_CALL_STARTED":
+      return event.description || "";
     case "RUN_COMPLETED":
       return "Agent run completed";
     case "RUN_FAILED":
@@ -397,7 +413,8 @@ function createInitialV2State() {
     finalData: void 0,
     steps: [],
     stepCounter: 0,
-    currentExecutingStepId: void 0
+    currentExecutingStepId: void 0,
+    trailingActivity: false
   };
 }
 function upsertUserAction(state, req) {
@@ -419,6 +436,7 @@ function processStreamEventV2(rawEvent, state) {
   if (typeof eventType === "string" && eventType.toUpperCase() === "KEEP_ALIVE") {
     if (event.executionId) state.executionId = event.executionId;
     if (event.sessionId) state.sessionId = event.sessionId;
+    if (state.finalResponse) state.trailingActivity = true;
     const description = typeof event.description === "string" ? event.description : "";
     if (description) {
       for (let i = state.steps.length - 1; i >= 0; i--) {
@@ -453,7 +471,12 @@ function processStreamEventV2(rawEvent, state) {
       state.lastEventType = eventType;
       break;
     }
+    case "LLM_CALL_STARTED":
+      if (state.finalResponse) state.trailingActivity = true;
+      state.lastEventType = eventType;
+      break;
     case "INTENT_STARTED": {
+      if (state.finalResponse) state.trailingActivity = true;
       const stepId = `step-${state.stepCounter++}`;
       state.steps.push({
         id: stepId,
@@ -469,6 +492,7 @@ function processStreamEventV2(rawEvent, state) {
       break;
     }
     case "INTENT_COMPLETED": {
+      if (state.finalResponse) state.trailingActivity = true;
       const intentStep = state.steps.find((s) => s.eventType === "INTENT_STARTED" && s.status === "in_progress");
       if (intentStep) {
         intentStep.status = "completed";
@@ -500,6 +524,7 @@ function processStreamEventV2(rawEvent, state) {
           step2.status = "completed";
         }
       });
+      state.trailingActivity = false;
       state.lastEventType = eventType;
       break;
     }
@@ -571,6 +596,7 @@ function processStreamEventV2(rawEvent, state) {
     case "WORKFLOW_ERROR":
       state.hasError = true;
       state.errorMessage = event.errorMessage || event.message || "Workflow error";
+      state.trailingActivity = false;
       state.lastEventType = eventType;
       break;
     // ---- K2 pipeline stage lifecycle events ----
@@ -709,8 +735,7 @@ function buildRequestBody(config, userMessage, sessionId, options) {
     sessionAttributes,
     analysisMode: options?.analysisMode,
     locale: resolveLocale(config.locale),
-    timezone: resolveTimezone(config.timezone),
-    ...options?.attachments?.length ? { attachments: options.attachments } : {}
+    timezone: resolveTimezone(config.timezone)
   };
 }
 function resolveLocale(configured) {
@@ -755,7 +780,6 @@ 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
@@ -763,9 +787,6 @@ 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/;
@@ -864,7 +885,9 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
             const latestUsefulStep = [...state.steps].reverse().find(
               (s) => s.message && !isBlandStatus(s.message)
             );
-            const currentMessage = useful(activeStep?.message) ?? useful(lastInProgressStep?.message) ?? latestUsefulStep?.message ?? useful(getEventMessage(event)) ?? // Last-resort: every candidate is bland (very first event,
+            const eventTypeUpper = typeof event.eventType === "string" ? event.eventType.toUpperCase() : "";
+            const liveEventLabel = eventTypeUpper === "KEEP_ALIVE" || eventTypeUpper === "LLM_CALL_STARTED" ? useful(getEventMessage(event)) : void 0;
+            const currentMessage = useful(activeStep?.message) ?? useful(lastInProgressStep?.message) ?? liveEventLabel ?? latestUsefulStep?.message ?? useful(getEventMessage(event)) ?? // Last-resort: every candidate is bland (very first event,
             // nothing useful seen yet). Render the bland label so the
             // bubble isn't blank.
             activeStep?.message ?? lastInProgressStep?.message ?? getEventMessage(event);
@@ -889,6 +912,7 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
                 streamingContent: state.finalResponse,
                 content: "",
                 currentMessage,
+                hasTrailingActivity: state.trailingActivity,
                 streamProgress: "processing",
                 isError: false,
                 steps: [...state.steps],
@@ -1046,81 +1070,6 @@ 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);
@@ -1157,12 +1106,34 @@ async function cancelUserAction(config, userActionId) {
 async function resendUserAction(config, userActionId) {
   return sendUserActionRequest(config, userActionId, "resend");
 }
-var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
+async function expireUserAction(config, userActionId) {
+  return sendUserActionRequest(config, userActionId, "expired");
+}
+function resolveUserActionExpiresAt(req, existing) {
+  if (typeof req.expirySeconds !== "number" || req.expirySeconds <= 0) {
+    return void 0;
+  }
+  if (existing?.expiresAt && existing.userActionId === req.userActionId) {
+    return existing.expiresAt;
+  }
+  return Date.now() + Math.floor(req.expirySeconds) * 1e3;
+}
+function getUserActionSecondsLeft(prompt) {
+  if (typeof prompt.expiresAt === "number" && prompt.expiresAt > 0) {
+    return Math.max(0, Math.ceil((prompt.expiresAt - Date.now()) / 1e3));
+  }
+  if (typeof prompt.expirySeconds === "number" && prompt.expirySeconds > 0) {
+    return Math.floor(prompt.expirySeconds);
+  }
+  return void 0;
+}
+var EMPTY_USER_ACTION_STATE2 = { prompts: [], notifications: [] };
 function upsertPrompt(prompts, req) {
-  const active = { ...req, status: "pending" };
   const idx = prompts.findIndex(
     (p) => req.toolCallId ? p.toolCallId === req.toolCallId : p.userActionId === req.userActionId
   );
+  const expiresAt = resolveUserActionExpiresAt(req, idx >= 0 ? prompts[idx] : void 0);
+  const active = { ...req, status: "pending", expiresAt };
   if (idx >= 0) {
     const next = prompts.slice();
     next[idx] = active;
@@ -1185,32 +1156,12 @@ 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
   );
@@ -1253,7 +1204,28 @@ function useChatV2(config, callbacks = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const [userActionState, setUserActionState] = useState(EMPTY_USER_ACTION_STATE);
+  const [userActionState, setUserActionState] = useState(() => {
+    if (!config.userId) return EMPTY_USER_ACTION_STATE2;
+    return activeStreamStore.get(config.userId)?.userActionState ?? EMPTY_USER_ACTION_STATE2;
+  });
+  const storeAwareSetUserActionState = useCallback(
+    (updater) => {
+      const streamUserId = streamUserIdRef.current;
+      const currentUserId = configRef.current.userId;
+      const storeKey = streamUserId ?? currentUserId;
+      if (storeKey && activeStreamStore.has(storeKey)) {
+        activeStreamStore.applyUserActionState(
+          storeKey,
+          updater
+        );
+      }
+      if (!streamUserId || streamUserId === currentUserId) {
+        setUserActionState(updater);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
   const wrappedCallbacks = useMemo(() => ({
     ...callbacksRef.current,
     onMessageSent: (message) => callbacksRef.current.onMessageSent?.(message),
@@ -1263,14 +1235,14 @@ function useChatV2(config, callbacks = {}) {
     onExecutionTraceClick: (data) => callbacksRef.current.onExecutionTraceClick?.(data),
     onSessionIdChange: (sessionId) => callbacksRef.current.onSessionIdChange?.(sessionId),
     onUserActionRequired: (request) => {
-      setUserActionState((prev) => ({
+      storeAwareSetUserActionState((prev) => ({
         ...prev,
         prompts: upsertPrompt(prev.prompts, request)
       }));
       callbacksRef.current.onUserActionRequired?.(request);
     },
     onUserNotification: (notification) => {
-      setUserActionState(
+      storeAwareSetUserActionState(
         (prev) => prev.notifications.some((n) => n.id === notification.id) ? prev : { ...prev, notifications: [...prev.notifications, notification] }
       );
       callbacksRef.current.onUserNotification?.(notification);
@@ -1285,45 +1257,21 @@ function useChatV2(config, callbacks = {}) {
   );
   const sendMessage = useCallback(
     async (userMessage, options) => {
-      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 (!userMessage.trim()) return;
       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: trimmedMessage,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        attachments: messageAttachments
+        content: userMessage,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
       };
       setMessages((prev) => [...prev, userMsg]);
-      callbacksRef.current.onMessageSent?.(trimmedMessage);
+      callbacksRef.current.onMessageSent?.(userMessage);
       setIsWaitingForResponse(true);
       callbacksRef.current.onStreamStart?.();
       const streamingId = `assistant-${Date.now()}`;
@@ -1350,14 +1298,11 @@ function useChatV2(config, callbacks = {}) {
         activeStreamStore.start(userId, abortController, initialMessages);
       }
       const newSessionId = await startStream(
-        trimmedMessage,
+        userMessage,
         streamingId,
         sessionIdRef.current,
         abortController,
-        {
-          analysisMode: options?.analysisMode,
-          attachments: streamAttachments
-        }
+        options
       );
       const finalStreamUserId = streamUserIdRef.current ?? userId;
       if (finalStreamUserId) {
@@ -1387,7 +1332,7 @@ function useChatV2(config, callbacks = {}) {
     streamUserIdRef.current = void 0;
     cancelStreamManager();
     setIsWaitingForResponse(false);
-    setUserActionState((prev) => ({ ...prev, prompts: [] }));
+    storeAwareSetUserActionState((prev) => ({ ...prev, prompts: [] }));
     setMessages(
       (prev) => prev.map((msg) => {
         if (msg.isStreaming) {
@@ -1402,7 +1347,7 @@ function useChatV2(config, callbacks = {}) {
         return msg;
       })
     );
-  }, [cancelStreamManager]);
+  }, [cancelStreamManager, storeAwareSetUserActionState]);
   const resetSession = useCallback(() => {
     const streamUserId = streamUserIdRef.current ?? configRef.current.userId;
     if (streamUserId) {
@@ -1416,7 +1361,7 @@ function useChatV2(config, callbacks = {}) {
     sessionIdRef.current = void 0;
     abortControllerRef.current?.abort();
     setIsWaitingForResponse(false);
-    setUserActionState(EMPTY_USER_ACTION_STATE);
+    storeAwareSetUserActionState(EMPTY_USER_ACTION_STATE2);
   }, []);
   const getSessionId = useCallback(() => {
     return sessionIdRef.current;
@@ -1426,21 +1371,21 @@ function useChatV2(config, callbacks = {}) {
   }, [messages]);
   const setPromptStatus = useCallback(
     (userActionId, status) => {
-      setUserActionState((prev) => ({
+      storeAwareSetUserActionState((prev) => ({
         ...prev,
         prompts: prev.prompts.map(
           (p) => p.userActionId === userActionId ? { ...p, status } : p
         )
       }));
     },
-    []
+    [storeAwareSetUserActionState]
   );
   const removePrompt = useCallback((userActionId) => {
-    setUserActionState((prev) => ({
+    storeAwareSetUserActionState((prev) => ({
       ...prev,
       prompts: prev.prompts.filter((p) => p.userActionId !== userActionId)
     }));
-  }, []);
+  }, [storeAwareSetUserActionState]);
   const submitUserAction2 = useCallback(
     async (userActionId, content) => {
       setPromptStatus(userActionId, "submitting");
@@ -1495,12 +1440,25 @@ 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) => ({
+    storeAwareSetUserActionState((prev) => ({
       ...prev,
       notifications: prev.notifications.filter((n) => n.id !== id)
     }));
-  }, []);
+  }, [storeAwareSetUserActionState]);
   useEffect(() => {
     const prevSubscriptionUserId = subscriptionPrevUserIdRef.current;
     subscriptionPrevUserIdRef.current = config.userId;
@@ -1509,14 +1467,17 @@ function useChatV2(config, callbacks = {}) {
     if (prevSubscriptionUserId && prevSubscriptionUserId !== userId && streamUserIdRef.current === prevSubscriptionUserId && !activeStreamStore.has(prevSubscriptionUserId) && activeStreamStore.has(userId)) {
       streamUserIdRef.current = userId;
     }
-    const unsubscribe = activeStreamStore.subscribe(userId, (msgs, isWaiting) => {
+    const unsubscribe = activeStreamStore.subscribe(userId, (msgs, isWaiting, actions) => {
       setMessages(msgs);
       setIsWaitingForResponse(isWaiting);
+      setUserActionState(actions);
     });
     const active = activeStreamStore.get(userId);
     if (active) {
+      streamUserIdRef.current = userId;
       setMessages(active.messages);
       setIsWaitingForResponse(active.isWaiting);
+      setUserActionState(active.userActionState);
     }
     return unsubscribe;
   }, [config.userId]);
@@ -1535,18 +1496,6 @@ 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;
@@ -1556,12 +1505,14 @@ function useChatV2(config, callbacks = {}) {
       setMessages([]);
       sessionIdRef.current = void 0;
       setIsWaitingForResponse(false);
-      setUserActionState(EMPTY_USER_ACTION_STATE);
+      setUserActionState(EMPTY_USER_ACTION_STATE2);
     } else if (config.userId) {
       const active = activeStreamStore.get(config.userId);
       if (active) {
+        streamUserIdRef.current = config.userId;
         setMessages(active.messages);
         setIsWaitingForResponse(active.isWaiting);
+        setUserActionState(active.userActionState);
         sessionIdRef.current = getSessionIdFromMessages(active.messages) ?? config.initialSessionId;
         return;
       }
@@ -1581,12 +1532,12 @@ function useChatV2(config, callbacks = {}) {
     getSessionId,
     getMessages,
     isWaitingForResponse,
-    isUploadingAttachments,
     sessionId: sessionIdRef.current,
     userActionState,
     submitUserAction: submitUserAction2,
     cancelUserAction: cancelUserAction2,
     resendUserAction: resendUserAction2,
+    expireUserAction: expireUserAction2,
     dismissNotification
   };
 }
@@ -2120,6 +2071,9 @@ function getConflictErrorMessage(errorDetails) {
 }
 function initSentryIfNeeded(dsn) {
   if (!dsn) return;
+  if (typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1")) {
+    return;
+  }
   if (Sentry.getClient()) return;
   Sentry.init({
     dsn,
@@ -3501,9 +3455,88 @@ function MarkdownImageV2({
     }
   ) });
 }
-function buildComponents(onImageClick, isResolvingRef) {
+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) {
   return {
-    p: ({ children }) => /* @__PURE__ */ jsx("p", { children }),
+    p: ({ children }) => {
+      const role = getRagAnswerParagraphRole(
+        reactNodeText(children),
+        ragParagraphsRef?.current ?? []
+      );
+      return /* @__PURE__ */ jsx("p", { className: ragAnswerRoleClassName(role), 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 }),
@@ -3541,8 +3574,13 @@ function MarkdownRendererV2({
 }) {
   const isResolvingRef = useRef(isResolvingImages);
   isResolvingRef.current = isResolvingImages;
+  const ragParagraphsRef = useRef([]);
+  ragParagraphsRef.current = useMemo(
+    () => extractRagParagraphTexts(content),
+    [content]
+  );
   const components = useMemo(
-    () => buildComponents(onImageClick, isResolvingRef),
+    () => buildComponents(onImageClick, isResolvingRef, ragParagraphsRef),
     [onImageClick]
   );
   return /* @__PURE__ */ jsx(
@@ -4035,6 +4073,7 @@ function AssistantMessageV2({
     return message.isStreaming ? stripIncompleteImageToken(normalized) : normalized;
   })();
   const isThinkingStreaming = !!message.isStreaming && !rawResponseContent && !message.isError;
+  const showTrailingProgress = !!message.isStreaming && !!rawResponseContent && !message.isError && !message.isCancelled && !!message.hasTrailingActivity;
   const responseTypingEnabled = hasEverStreamed.current && Boolean(rawResponseContent) && !message.isError;
   const { displayedText: displayContent, isTyping: isResponseTyping } = useTypingEffect(
     rawResponseContent,
@@ -4193,7 +4232,7 @@ function AssistantMessageV2({
             {
               isStreaming: isThinkingStreaming,
               stickyLabel,
-              currentStepLabel
+              currentStepLabel: currentStepLabel ?? message.currentMessage
             }
           )
         },
@@ -4208,6 +4247,27 @@ function AssistantMessageV2({
           onImageClick
         }
       ) : !isThinkingStreaming ? /* @__PURE__ */ jsx("span", { className: "payman-v2-assistant-msg-placeholder", children: "..." }) : null }),
+      /* @__PURE__ */ jsx(AnimatePresence, { children: showTrailingProgress && /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          initial: { opacity: 0, height: 0 },
+          animate: { opacity: 1, height: "auto" },
+          exit: { opacity: 0, height: 0 },
+          transition: {
+            duration: 0.32,
+            ease: [0.2, 0, 0, 1]
+          },
+          style: { overflow: "hidden" },
+          children: /* @__PURE__ */ jsx(
+            ThinkingBlockV2,
+            {
+              isStreaming: true,
+              currentStepLabel: message.currentMessage ?? currentStepLabel
+            }
+          )
+        },
+        "trailing-progress"
+      ) }),
       isCancelled && message.isStreaming && /* @__PURE__ */ jsxs("div", { className: "payman-v2-assistant-msg-paused", children: [
         /* @__PURE__ */ jsx(
           WifiOff,
@@ -4502,7 +4562,10 @@ function VerificationInline({
     if (busy) return;
     void onCancel(prompt.userActionId);
   }, [busy, onCancel, prompt.userActionId]);
-  const description = prompt.message?.trim() || (isNumeric ? `Enter the ${codeLen}-digit code to continue` : "Enter the verification code to continue");
+  const promptMessage = prompt.message?.trim();
+  const description = promptMessage || (isNumeric ? `Enter the ${codeLen}-digit code to continue` : "Enter the verification code to continue");
+  const messageFormat = prompt.metadata?.["payman/messageFormat"];
+  const renderMarkdown = !!promptMessage && messageFormat === "markdown";
   if (hiddenAfterResend) return null;
   return /* @__PURE__ */ jsxs("div", { className: "payman-v2-ua", role: "group", "aria-label": "Verification required", children: [
     /* @__PURE__ */ jsxs("div", { className: "payman-v2-ua-head", children: [
@@ -4510,7 +4573,7 @@ function VerificationInline({
       /* @__PURE__ */ jsx("span", { className: "payman-v2-ua-title", children: "Verification required" }),
       typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : `${secondsLeft}s` })
     ] }),
-    /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: description }),
+    renderMarkdown ? /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-markdown", children: /* @__PURE__ */ jsx(MarkdownRendererV2, { content: description }) }) : /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: description }),
     stale ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       isNumeric ? /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-field", children: /* @__PURE__ */ jsx(
         OtpInputV2,
@@ -4734,14 +4797,15 @@ function NotificationInline({ notification, onDismiss }) {
   ] });
 }
 function useExpiryCountdown(prompt) {
-  const initial = typeof prompt.expirySeconds === "number" && prompt.expirySeconds > 0 ? Math.floor(prompt.expirySeconds) : void 0;
-  const [secondsLeft, setSecondsLeft] = useState(initial);
+  const deadlineMs = typeof prompt.expiresAt === "number" && prompt.expiresAt > 0 ? prompt.expiresAt : typeof prompt.expirySeconds === "number" && prompt.expirySeconds > 0 ? Date.now() + Math.floor(prompt.expirySeconds) * 1e3 : void 0;
+  const [secondsLeft, setSecondsLeft] = useState(
+    () => deadlineMs !== void 0 ? Math.max(0, Math.ceil((deadlineMs - Date.now()) / 1e3)) : void 0
+  );
   useEffect(() => {
-    if (initial === void 0) {
+    if (deadlineMs === void 0) {
       setSecondsLeft(void 0);
       return;
     }
-    const deadlineMs = Date.now() + initial * 1e3;
     let intervalId;
     const remaining = () => Math.max(0, Math.ceil((deadlineMs - Date.now()) / 1e3));
     const sync = () => {
@@ -4763,8 +4827,8 @@ function useExpiryCountdown(prompt) {
       window.removeEventListener("focus", sync);
       window.removeEventListener("pageshow", sync);
     };
-  }, [prompt.userActionId, prompt.subAction, initial]);
-  const expired = initial !== void 0 && secondsLeft === 0;
+  }, [prompt.userActionId, prompt.subAction, deadlineMs]);
+  const expired = deadlineMs !== void 0 && (getUserActionSecondsLeft(prompt) ?? secondsLeft ?? 0) <= 0;
   return [secondsLeft, expired];
 }
 function UserActionInline({
@@ -6319,7 +6383,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 expireUserAction = chat.expireUserAction ?? NOOP_ASYNC;
+  const expireUserAction2 = chat.expireUserAction ?? NOOP_ASYNC;
   const dismissNotification = chat.dismissNotification ?? NOOP;
   const isUserActionSupported = typeof chat.submitUserAction === "function" && typeof chat.cancelUserAction === "function" && typeof chat.resendUserAction === "function";
   const {
@@ -6720,7 +6784,7 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
                   onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
                   onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
                   onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
-                  onExpireUserAction: isUserActionSupported ? expireUserAction : void 0,
+                  onExpireUserAction: isUserActionSupported ? expireUserAction2 : void 0,
                   onDismissNotification: dismissNotification,
                   onSubmitFeedback: handleSubmitFeedback
                 }