@paymanai/payman-ask-sdk 4.0.21 → 4.0.23

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var framerMotion = require('framer-motion');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -33,6 +33,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Sentry__namespace = /*#__PURE__*/_interopNamespace(Sentry);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
@@ -736,8 +737,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) {
@@ -782,7 +782,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
@@ -790,9 +789,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/;
@@ -845,12 +841,12 @@ async function resolveRagImageUrls(config, content, signal) {
 }
 var FRIENDLY_ERROR_MESSAGE = "Oops, something went wrong. Please try again.";
 function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForResponse) {
-  const abortControllerRef = react.useRef(null);
-  const configRef = react.useRef(config);
+  const abortControllerRef = React.useRef(null);
+  const configRef = React.useRef(config);
   configRef.current = config;
-  const callbacksRef = react.useRef(callbacks);
+  const callbacksRef = React.useRef(callbacks);
   callbacksRef.current = callbacks;
-  const startStream = react.useCallback(
+  const startStream = React.useCallback(
     async (userMessage, streamingId, sessionId, externalAbortController, options) => {
       abortControllerRef.current?.abort();
       const abortController = externalAbortController ?? new AbortController();
@@ -1049,7 +1045,7 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
     },
     [setMessages, setIsWaitingForResponse]
   );
-  const cancelStream = react.useCallback(() => {
+  const cancelStream = React.useCallback(() => {
     abortControllerRef.current?.abort();
   }, []);
   return {
@@ -1073,81 +1069,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);
@@ -1184,6 +1105,9 @@ 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" };
@@ -1212,45 +1136,25 @@ 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] = react.useState(() => getStoredOrInitialMessages(config));
-  const [isWaitingForResponse, setIsWaitingForResponse] = react.useState(() => {
+  const [messages, setMessages] = React.useState(() => getStoredOrInitialMessages(config));
+  const [isWaitingForResponse, setIsWaitingForResponse] = React.useState(() => {
     if (!config.userId) return false;
     return activeStreamStore.get(config.userId)?.isWaiting ?? false;
   });
-  const [isUploadingAttachments, setIsUploadingAttachments] = react.useState(false);
-  const sessionIdRef = react.useRef(
+  const sessionIdRef = React.useRef(
     getSessionIdFromMessages(getStoredOrInitialMessages(config)) ?? config.initialSessionId ?? void 0
   );
-  const prevUserIdRef = react.useRef(config.userId);
-  const streamUserIdRef = react.useRef(void 0);
-  const subscriptionPrevUserIdRef = react.useRef(config.userId);
-  const callbacksRef = react.useRef(callbacks);
+  const prevUserIdRef = React.useRef(config.userId);
+  const streamUserIdRef = React.useRef(void 0);
+  const subscriptionPrevUserIdRef = React.useRef(config.userId);
+  const callbacksRef = React.useRef(callbacks);
   callbacksRef.current = callbacks;
-  const configRef = react.useRef(config);
+  const configRef = React.useRef(config);
   configRef.current = config;
-  const messagesRef = react.useRef(messages);
+  const messagesRef = React.useRef(messages);
   messagesRef.current = messages;
-  const storeAwareSetMessages = react.useCallback(
+  const storeAwareSetMessages = React.useCallback(
     (updater) => {
       const streamUserId = streamUserIdRef.current;
       const currentUserId = configRef.current.userId;
@@ -1265,7 +1169,7 @@ function useChatV2(config, callbacks = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const storeAwareSetIsWaiting = react.useCallback(
+  const storeAwareSetIsWaiting = React.useCallback(
     (waiting) => {
       const streamUserId = streamUserIdRef.current;
       const currentUserId = configRef.current.userId;
@@ -1280,8 +1184,8 @@ function useChatV2(config, callbacks = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const [userActionState, setUserActionState] = react.useState(EMPTY_USER_ACTION_STATE);
-  const wrappedCallbacks = react.useMemo(() => ({
+  const [userActionState, setUserActionState] = React.useState(EMPTY_USER_ACTION_STATE);
+  const wrappedCallbacks = React.useMemo(() => ({
     ...callbacksRef.current,
     onMessageSent: (message) => callbacksRef.current.onMessageSent?.(message),
     onStreamStart: () => callbacksRef.current.onStreamStart?.(),
@@ -1310,47 +1214,23 @@ function useChatV2(config, callbacks = {}) {
     storeAwareSetMessages,
     storeAwareSetIsWaiting
   );
-  const sendMessage = react.useCallback(
+  const sendMessage = React.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()}`;
@@ -1377,14 +1257,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) {
@@ -1397,16 +1274,16 @@ function useChatV2(config, callbacks = {}) {
     },
     [startStream]
   );
-  const clearMessages = react.useCallback(() => {
+  const clearMessages = React.useCallback(() => {
     if (configRef.current.userId) {
       chatStore.delete(configRef.current.userId);
     }
     setMessages([]);
   }, []);
-  const prependMessages = react.useCallback((msgs) => {
+  const prependMessages = React.useCallback((msgs) => {
     setMessages((prev) => [...msgs, ...prev]);
   }, []);
-  const cancelStream = react.useCallback(() => {
+  const cancelStream = React.useCallback(() => {
     const streamUserId = streamUserIdRef.current ?? configRef.current.userId;
     if (streamUserId) {
       activeStreamStore.abort(streamUserId);
@@ -1430,7 +1307,7 @@ function useChatV2(config, callbacks = {}) {
       })
     );
   }, [cancelStreamManager]);
-  const resetSession = react.useCallback(() => {
+  const resetSession = React.useCallback(() => {
     const streamUserId = streamUserIdRef.current ?? configRef.current.userId;
     if (streamUserId) {
       activeStreamStore.abort(streamUserId);
@@ -1445,13 +1322,13 @@ function useChatV2(config, callbacks = {}) {
     setIsWaitingForResponse(false);
     setUserActionState(EMPTY_USER_ACTION_STATE);
   }, []);
-  const getSessionId = react.useCallback(() => {
+  const getSessionId = React.useCallback(() => {
     return sessionIdRef.current;
   }, []);
-  const getMessages = react.useCallback(() => {
+  const getMessages = React.useCallback(() => {
     return messages;
   }, [messages]);
-  const setPromptStatus = react.useCallback(
+  const setPromptStatus = React.useCallback(
     (userActionId, status) => {
       setUserActionState((prev) => ({
         ...prev,
@@ -1462,13 +1339,13 @@ function useChatV2(config, callbacks = {}) {
     },
     []
   );
-  const removePrompt = react.useCallback((userActionId) => {
+  const removePrompt = React.useCallback((userActionId) => {
     setUserActionState((prev) => ({
       ...prev,
       prompts: prev.prompts.filter((p) => p.userActionId !== userActionId)
     }));
   }, []);
-  const submitUserAction2 = react.useCallback(
+  const submitUserAction2 = React.useCallback(
     async (userActionId, content) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1486,7 +1363,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [removePrompt, setPromptStatus]
   );
-  const cancelUserAction2 = react.useCallback(
+  const cancelUserAction2 = React.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1504,7 +1381,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [removePrompt, setPromptStatus]
   );
-  const resendUserAction2 = react.useCallback(
+  const resendUserAction2 = React.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1522,13 +1399,26 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const dismissNotification = react.useCallback((id) => {
+  const expireUserAction2 = React.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 = React.useCallback((id) => {
     setUserActionState((prev) => ({
       ...prev,
       notifications: prev.notifications.filter((n) => n.id !== id)
     }));
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const prevSubscriptionUserId = subscriptionPrevUserIdRef.current;
     subscriptionPrevUserIdRef.current = config.userId;
     const { userId } = config;
@@ -1547,7 +1437,7 @@ function useChatV2(config, callbacks = {}) {
     }
     return unsubscribe;
   }, [config.userId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!config.userId) return;
     if (prevUserIdRef.current !== config.userId) return;
     const toSave = messages.filter((m) => !m.isStreaming);
@@ -1555,26 +1445,14 @@ function useChatV2(config, callbacks = {}) {
       chatStore.set(config.userId, toSave);
     }
   }, [messages, config.userId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!config.userId || activeStreamStore.has(config.userId)) return;
     if (!config.initialMessages?.length || messagesRef.current.length > 0) return;
     chatStore.set(config.userId, config.initialMessages);
     setMessages(config.initialMessages);
     sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? config.initialSessionId;
   }, [config.initialMessages, config.initialSessionId, config.userId]);
-  const hydratedSessionIdRef = react.useRef(void 0);
-  react.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]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const prevUserId = prevUserIdRef.current;
     prevUserIdRef.current = config.userId;
     if (prevUserId === config.userId) return;
@@ -1608,12 +1486,12 @@ function useChatV2(config, callbacks = {}) {
     getSessionId,
     getMessages,
     isWaitingForResponse,
-    isUploadingAttachments,
     sessionId: sessionIdRef.current,
     userActionState,
     submitUserAction: submitUserAction2,
     cancelUserAction: cancelUserAction2,
     resendUserAction: resendUserAction2,
+    expireUserAction: expireUserAction2,
     dismissNotification
   };
 }
@@ -1622,12 +1500,12 @@ function getSpeechRecognition() {
   return window.SpeechRecognition || window.webkitSpeechRecognition || null;
 }
 function useVoice(config = {}, callbacks = {}) {
-  const [voiceState, setVoiceState] = react.useState("idle");
-  const [transcribedText, setTranscribedText] = react.useState("");
-  const [isAvailable, setIsAvailable] = react.useState(false);
-  const [isRecording, setIsRecording] = react.useState(false);
-  const recognitionRef = react.useRef(null);
-  const autoStopTimerRef = react.useRef(null);
+  const [voiceState, setVoiceState] = React.useState("idle");
+  const [transcribedText, setTranscribedText] = React.useState("");
+  const [isAvailable, setIsAvailable] = React.useState(false);
+  const [isRecording, setIsRecording] = React.useState(false);
+  const recognitionRef = React.useRef(null);
+  const autoStopTimerRef = React.useRef(null);
   const {
     lang = "en-US",
     interimResults = true,
@@ -1636,14 +1514,14 @@ function useVoice(config = {}, callbacks = {}) {
     autoStopAfterSilence
   } = config;
   const { onStart, onEnd, onResult, onError, onStateChange } = callbacks;
-  react.useEffect(() => {
+  React.useEffect(() => {
     const SpeechRecognitionAPI = getSpeechRecognition();
     setIsAvailable(SpeechRecognitionAPI !== null);
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     onStateChange?.(voiceState);
   }, [voiceState, onStateChange]);
-  const requestPermissions = react.useCallback(async () => {
+  const requestPermissions = React.useCallback(async () => {
     try {
       const result = await navigator.mediaDevices.getUserMedia({
         audio: true
@@ -1660,7 +1538,7 @@ function useVoice(config = {}, callbacks = {}) {
       };
     }
   }, []);
-  const getPermissions = react.useCallback(async () => {
+  const getPermissions = React.useCallback(async () => {
     if (typeof navigator === "undefined" || !navigator.permissions) {
       return {
         granted: false,
@@ -1682,13 +1560,13 @@ function useVoice(config = {}, callbacks = {}) {
       };
     }
   }, []);
-  const clearAutoStopTimer = react.useCallback(() => {
+  const clearAutoStopTimer = React.useCallback(() => {
     if (autoStopTimerRef.current) {
       clearTimeout(autoStopTimerRef.current);
       autoStopTimerRef.current = null;
     }
   }, []);
-  const resetAutoStopTimer = react.useCallback(() => {
+  const resetAutoStopTimer = React.useCallback(() => {
     clearAutoStopTimer();
     if (autoStopAfterSilence && autoStopAfterSilence > 0) {
       autoStopTimerRef.current = setTimeout(() => {
@@ -1698,7 +1576,7 @@ function useVoice(config = {}, callbacks = {}) {
       }, autoStopAfterSilence);
     }
   }, [autoStopAfterSilence, clearAutoStopTimer, isRecording]);
-  const stopRecording = react.useCallback(() => {
+  const stopRecording = React.useCallback(() => {
     if (recognitionRef.current) {
       try {
         recognitionRef.current.stop();
@@ -1710,7 +1588,7 @@ function useVoice(config = {}, callbacks = {}) {
     setIsRecording(false);
     setVoiceState("idle");
   }, [clearAutoStopTimer]);
-  const startRecording = react.useCallback(async () => {
+  const startRecording = React.useCallback(async () => {
     const SpeechRecognitionAPI = getSpeechRecognition();
     if (!SpeechRecognitionAPI) {
       onError?.("Speech recognition not supported in this browser");
@@ -1800,15 +1678,15 @@ function useVoice(config = {}, callbacks = {}) {
     resetAutoStopTimer,
     clearAutoStopTimer
   ]);
-  const clearTranscript = react.useCallback(() => {
+  const clearTranscript = React.useCallback(() => {
     setTranscribedText("");
   }, []);
-  const reset = react.useCallback(() => {
+  const reset = React.useCallback(() => {
     stopRecording();
     setTranscribedText("");
     setVoiceState("idle");
   }, [stopRecording]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (recognitionRef.current) {
         try {
@@ -1948,9 +1826,9 @@ function buildContent(schema, values) {
   }
   return content;
 }
-var PaymanChatContext = react.createContext(void 0);
+var PaymanChatContext = React.createContext(void 0);
 function usePaymanChat() {
-  const context = react.useContext(PaymanChatContext);
+  const context = React.useContext(PaymanChatContext);
   if (!context) {
     throw new Error("usePaymanChat must be used within a PaymanChat component");
   }
@@ -2208,8 +2086,8 @@ function ImageLightbox({
   alt = "",
   onClose
 }) {
-  const [isMounted, setIsMounted] = react.useState(false);
-  const [isImageLoaded, setIsImageLoaded] = react.useState(false);
+  const [isMounted, setIsMounted] = React.useState(false);
+  const [isImageLoaded, setIsImageLoaded] = React.useState(false);
   const overlayStyle = {
     position: "fixed",
     inset: 0,
@@ -2230,14 +2108,14 @@ function ImageLightbox({
     justifyContent: "center",
     overflow: "hidden"
   };
-  react.useEffect(() => {
+  React.useEffect(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     setIsImageLoaded(false);
   }, [src]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (typeof document === "undefined") return;
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -2245,7 +2123,7 @@ function ImageLightbox({
       document.body.style.overflow = previousOverflow;
     };
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (typeof document === "undefined") return;
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -2341,15 +2219,15 @@ function MarkdownImage({
     maxHeight: "18rem",
     objectFit: "contain"
   };
-  const [isLoaded, setIsLoaded] = react.useState(false);
-  const [hasError, setHasError] = react.useState(false);
-  const [isLightboxOpen, setIsLightboxOpen] = react.useState(false);
-  const isUnresolvedRagImage = react.useMemo(
+  const [isLoaded, setIsLoaded] = React.useState(false);
+  const [hasError, setHasError] = React.useState(false);
+  const [isLightboxOpen, setIsLightboxOpen] = React.useState(false);
+  const isUnresolvedRagImage = React.useMemo(
     () => src ? isUnresolvedRagImageSource(src) : false,
     [src]
   );
   const isResolvingRagImage = isResolving && isUnresolvedRagImage;
-  react.useEffect(() => {
+  React.useEffect(() => {
     setIsLoaded(false);
     setHasError(false);
     setIsLightboxOpen(false);
@@ -2476,9 +2354,9 @@ function AgentMessage({
   const hasTraceData = !!(message.tracingData || message.executionId) && !isStreaming;
   const isCancelled = message.isCancelled ?? false;
   const currentExecutingStepId = message.currentExecutingStepId;
-  const [isStepsExpanded, setIsStepsExpanded] = react.useState(false);
-  const wasStreamingRef = react.useRef(isStreaming);
-  react.useEffect(() => {
+  const [isStepsExpanded, setIsStepsExpanded] = React.useState(false);
+  const wasStreamingRef = React.useRef(isStreaming);
+  React.useEffect(() => {
     if (isStreaming && hasSteps) {
       setIsStepsExpanded(true);
     }
@@ -2495,13 +2373,13 @@ function AgentMessage({
   const completedWithNoContent = !isStreaming && !isCancelled && content.length === 0 && (message.streamProgress === "completed" || message.streamProgress === "error");
   const conflictErrorMessage = getConflictErrorMessage(message.errorDetails);
   const isError = !!conflictErrorMessage || (isFriendlyWorkflowError(message.errorDetails) || looksLikeRawError(content)) && !hasMeaningfulContent || completedWithNoContent;
-  const currentStep = react.useMemo(
+  const currentStep = React.useMemo(
     () => message.steps?.find(
       (s) => s.id === currentExecutingStepId && s.status === "in_progress"
     ),
     [message.steps, currentExecutingStepId]
   );
-  const markdownRenderers = react.useMemo(
+  const markdownRenderers = React.useMemo(
     () => createMarkdownComponents({
       isResolvingImages: message.isResolvingImages
     }),
@@ -2575,8 +2453,8 @@ function AgentMessage({
       }) })
     }
   ) });
-  const stepsToggleRef = react.useRef(null);
-  const handleStepsToggle = react.useCallback(() => {
+  const stepsToggleRef = React.useRef(null);
+  const handleStepsToggle = React.useCallback(() => {
     setIsStepsExpanded((prev) => {
       const next = !prev;
       if (next) {
@@ -2904,23 +2782,23 @@ function MessageList({
   isLoadingMoreMessages = false,
   hasMoreMessages = false
 }) {
-  const scrollRef = react.useRef(null);
-  const isNearBottomRef = react.useRef(true);
-  const [showScrollBtn, setShowScrollBtn] = react.useState(false);
-  const prevMessageCountRef = react.useRef(messages.length);
-  const scrollHeightBeforePrependRef = react.useRef(null);
-  const firstMessageIdRef = react.useRef(messages[0]?.id);
-  const getDistanceFromBottom = react.useCallback(() => {
+  const scrollRef = React.useRef(null);
+  const isNearBottomRef = React.useRef(true);
+  const [showScrollBtn, setShowScrollBtn] = React.useState(false);
+  const prevMessageCountRef = React.useRef(messages.length);
+  const scrollHeightBeforePrependRef = React.useRef(null);
+  const firstMessageIdRef = React.useRef(messages[0]?.id);
+  const getDistanceFromBottom = React.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return 0;
     return el.scrollHeight - el.scrollTop - el.clientHeight;
   }, []);
-  const scrollToBottom = react.useCallback((behavior = "smooth") => {
+  const scrollToBottom = React.useCallback((behavior = "smooth") => {
     const el = scrollRef.current;
     if (!el) return;
     el.scrollTo({ top: el.scrollHeight, behavior });
   }, []);
-  const handleScroll = react.useCallback(() => {
+  const handleScroll = React.useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     const distance = getDistanceFromBottom();
@@ -2932,7 +2810,7 @@ function MessageList({
       onLoadMoreMessages();
     }
   }, [getDistanceFromBottom, hasMoreMessages, isLoadingMoreMessages, onLoadMoreMessages]);
-  react.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     const el = scrollRef.current;
     const prevHeight = scrollHeightBeforePrependRef.current;
     const newFirstId = messages[0]?.id;
@@ -2942,25 +2820,25 @@ function MessageList({
     }
     firstMessageIdRef.current = newFirstId;
   }, [messages]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const prevCount = prevMessageCountRef.current;
     prevMessageCountRef.current = messages.length;
     if (messages.length > prevCount && isNearBottomRef.current) {
       requestAnimationFrame(() => scrollToBottom());
     }
   }, [messages.length, scrollToBottom]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const lastMsg = messages[messages.length - 1];
     if (!lastMsg?.isStreaming) return;
     if (!isNearBottomRef.current) return;
     requestAnimationFrame(() => scrollToBottom());
   });
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (messages.length > 0) {
       setTimeout(() => scrollToBottom("instant"), 50);
     }
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const handleStepsToggle = () => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
@@ -2977,7 +2855,7 @@ function MessageList({
       return () => el.removeEventListener("payman-steps-toggle", handleStepsToggle);
     }
   }, [getDistanceFromBottom, scrollToBottom]);
-  const handleScrollToBottom = react.useCallback(() => {
+  const handleScrollToBottom = React.useCallback(() => {
     scrollToBottom();
   }, [scrollToBottom]);
   if (isLoading) {
@@ -3110,7 +2988,7 @@ function ResetSessionConfirmModal({
   onClose,
   onConfirm
 }) {
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = React.useCallback(
     (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -3118,7 +2996,7 @@ function ResetSessionConfirmModal({
     },
     [onClose]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!isOpen || typeof document === "undefined") return;
     document.addEventListener("keydown", handleKeyDown);
     const previousOverflow = document.body.style.overflow;
@@ -3224,14 +3102,14 @@ function UserMessageV2({
   retryDisabled = false,
   actions
 }) {
-  const [copied, setCopied] = react.useState(false);
-  const [toast, setToast] = react.useState(null);
-  const copyResetTimerRef = react.useRef(null);
-  const toastTimerRef = react.useRef(null);
+  const [copied, setCopied] = React.useState(false);
+  const [toast, setToast] = React.useState(null);
+  const copyResetTimerRef = React.useRef(null);
+  const toastTimerRef = React.useRef(null);
   const showCopyAction = actions?.copy ?? true;
   const showEditAction = actions?.edit ?? false;
   const showRetryAction = actions?.retry ?? false;
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (copyResetTimerRef.current) clearTimeout(copyResetTimerRef.current);
       if (toastTimerRef.current) clearTimeout(toastTimerRef.current);
@@ -3387,18 +3265,18 @@ function MarkdownImageV2({
   onImageClick
 }) {
   const cachedAlready = src ? loadedImageCache.has(src) : false;
-  const [isVisible, setIsVisible] = react.useState(cachedAlready);
-  const [isLoaded, setIsLoaded] = react.useState(cachedAlready);
-  const [hasError, setHasError] = react.useState(false);
-  const [retryCount, setRetryCount] = react.useState(0);
-  const sentinelRef = react.useRef(null);
-  const prevLoadedRef = react.useRef(cachedAlready);
-  const isUnresolvedRag = react.useMemo(
+  const [isVisible, setIsVisible] = React.useState(cachedAlready);
+  const [isLoaded, setIsLoaded] = React.useState(cachedAlready);
+  const [hasError, setHasError] = React.useState(false);
+  const [retryCount, setRetryCount] = React.useState(0);
+  const sentinelRef = React.useRef(null);
+  const prevLoadedRef = React.useRef(cachedAlready);
+  const isUnresolvedRag = React.useMemo(
     () => src ? isUnresolvedRagImageSource2(src) : false,
     [src]
   );
   const isResolvingRag = Boolean(isResolving && isUnresolvedRag);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (src && loadedImageCache.has(src)) {
       setIsLoaded(true);
       setIsVisible(true);
@@ -3407,7 +3285,7 @@ function MarkdownImageV2({
     setHasError(false);
     setRetryCount(0);
   }, [src]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const el = sentinelRef.current;
     if (!el || !src) return;
     const rect = el.getBoundingClientRect();
@@ -3528,9 +3406,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__namespace.isValidElement(node)) {
+    return reactNodeText(node.props.children);
+  }
+  return "";
+}
+function buildComponents(onImageClick, isResolvingRef, ragParagraphsRef) {
   return {
-    p: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("p", { children }),
+    p: ({ children }) => {
+      const role = getRagAnswerParagraphRole(
+        reactNodeText(children),
+        ragParagraphsRef?.current ?? []
+      );
+      return /* @__PURE__ */ jsxRuntime.jsx("p", { className: ragAnswerRoleClassName(role), children });
+    },
     code: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("code", { children }),
     pre: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-markdown-pre", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { children }) }),
     ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { children }),
@@ -3566,10 +3523,15 @@ function MarkdownRendererV2({
   isResolvingImages,
   onImageClick
 }) {
-  const isResolvingRef = react.useRef(isResolvingImages);
+  const isResolvingRef = React.useRef(isResolvingImages);
   isResolvingRef.current = isResolvingImages;
-  const components = react.useMemo(
-    () => buildComponents(onImageClick, isResolvingRef),
+  const ragParagraphsRef = React.useRef([]);
+  ragParagraphsRef.current = React.useMemo(
+    () => extractRagParagraphTexts(content),
+    [content]
+  );
+  const components = React.useMemo(
+    () => buildComponents(onImageClick, isResolvingRef, ragParagraphsRef),
     [onImageClick]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3626,14 +3588,14 @@ function FeedbackReasonModal({
   onClose,
   onSubmit
 }) {
-  const [reason, setReason] = react.useState(
+  const [reason, setReason] = React.useState(
     NEGATIVE_FEEDBACK_REASONS[0].value
   );
-  const [details, setDetails] = react.useState("");
-  const [submitting, setSubmitting] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [reasonOpen, setReasonOpen] = react.useState(false);
-  react.useEffect(() => {
+  const [details, setDetails] = React.useState("");
+  const [submitting, setSubmitting] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [reasonOpen, setReasonOpen] = React.useState(false);
+  React.useEffect(() => {
     if (open) {
       setReason(NEGATIVE_FEEDBACK_REASONS[0].value);
       setDetails("");
@@ -3642,7 +3604,7 @@ function FeedbackReasonModal({
       setReasonOpen(false);
     }
   }, [open]);
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = React.useCallback(
     (event) => {
       if (event.key !== "Escape") return;
       if (reasonOpen) {
@@ -3653,7 +3615,7 @@ function FeedbackReasonModal({
     },
     [onClose, reasonOpen]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!open || typeof document === "undefined") return;
     document.addEventListener("keydown", handleKeyDown);
     const previousOverflow = document.body.style.overflow;
@@ -3857,17 +3819,17 @@ function charDelay(char, speed, multiplier) {
 function useTypingEffect(targetText, enabled, speed = RESPONSE_SPEED, initialDisplayedText, speedMultiplier = 1) {
   const instant = speedMultiplier === 0;
   const multiplier = instant ? 1 : Math.max(speedMultiplier, 0.1);
-  const [displayedText, setDisplayedText] = react.useState("");
-  const displayedRef = react.useRef("");
-  const targetRef = react.useRef(targetText);
-  const enabledRef = react.useRef(enabled);
-  const initialDisplayedRef = react.useRef(initialDisplayedText);
-  const timerRef = react.useRef(null);
-  const runningRef = react.useRef(false);
+  const [displayedText, setDisplayedText] = React.useState("");
+  const displayedRef = React.useRef("");
+  const targetRef = React.useRef(targetText);
+  const enabledRef = React.useRef(enabled);
+  const initialDisplayedRef = React.useRef(initialDisplayedText);
+  const timerRef = React.useRef(null);
+  const runningRef = React.useRef(false);
   targetRef.current = targetText;
   enabledRef.current = enabled;
   initialDisplayedRef.current = initialDisplayedText;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!enabled || instant) {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
@@ -3957,26 +3919,26 @@ function AssistantMessageV2({
   actions,
   typingSpeed = 4
 }) {
-  const [copied, setCopied] = react.useState(false);
-  const [activeFeedback, setActiveFeedback] = react.useState(
+  const [copied, setCopied] = React.useState(false);
+  const [activeFeedback, setActiveFeedback] = React.useState(
     () => getFeedbackState(message)
   );
-  const [reasonModalOpen, setReasonModalOpen] = react.useState(false);
+  const [reasonModalOpen, setReasonModalOpen] = React.useState(false);
   const canSubmitFeedback = !!onSubmitFeedback && !!message.executionId;
-  const [toast, setToast] = react.useState(null);
-  const copyResetTimerRef = react.useRef(null);
-  const toastTimerRef = react.useRef(null);
+  const [toast, setToast] = React.useState(null);
+  const copyResetTimerRef = React.useRef(null);
+  const toastTimerRef = React.useRef(null);
   const showCopyAction = actions?.copy ?? true;
   const showTraceAction = (actions?.trace ?? true) && !!onExecutionTraceClick;
   const showThumbsUp = actions?.thumbsUp ?? true;
   const showThumbsDown = actions?.thumbsDown ?? true;
   const hydratedFeedback = message.feedback;
-  const hasEverStreamed = react.useRef(!!message.isStreaming);
+  const hasEverStreamed = React.useRef(!!message.isStreaming);
   if (message.isStreaming) hasEverStreamed.current = true;
-  react.useEffect(() => {
+  React.useEffect(() => {
     setActiveFeedback(getFeedbackState(message));
   }, [hydratedFeedback, message.id]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (copyResetTimerRef.current) clearTimeout(copyResetTimerRef.current);
       if (toastTimerRef.current) clearTimeout(toastTimerRef.current);
@@ -4270,10 +4232,10 @@ function OtpInputV2({
   disabled = false,
   error = false
 }) {
-  const inputRefs = react.useRef([]);
+  const inputRefs = React.useRef([]);
   const safeMaxLength = Number.isInteger(maxLength) && maxLength > 0 ? Math.min(maxLength, MAX_SUPPORTED_LENGTH) : DEFAULT_MAX_LENGTH;
   const digits = value.split("").concat(Array(safeMaxLength).fill("")).slice(0, safeMaxLength);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (disabled) return;
     const timer = window.setTimeout(() => {
       inputRefs.current[0]?.focus();
@@ -4372,31 +4334,31 @@ function VerificationInline({
   onResend
 }) {
   const isNumeric = prompt.verificationType !== "ALPHANUMERIC_CODE";
-  const codeLen = react.useMemo(() => codeLengthFromSchema(prompt), [prompt]);
-  const [code, setCode] = react.useState("");
-  const [errored, setErrored] = react.useState(false);
-  const [resendSec, setResendSec] = react.useState(0);
-  const [hiddenAfterResend, setHiddenAfterResend] = react.useState(false);
-  const lastSubmittedRef = react.useRef(null);
-  const resendTimerRef = react.useRef(void 0);
+  const codeLen = React.useMemo(() => codeLengthFromSchema(prompt), [prompt]);
+  const [code, setCode] = React.useState("");
+  const [errored, setErrored] = React.useState(false);
+  const [resendSec, setResendSec] = React.useState(0);
+  const [hiddenAfterResend, setHiddenAfterResend] = React.useState(false);
+  const lastSubmittedRef = React.useRef(null);
+  const resendTimerRef = React.useRef(void 0);
   const status = prompt.status;
   const busy = status === "submitting";
   const stale = status === "stale";
   const locked = busy || stale || expired;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (prompt.subAction === "SubmissionInvalid") {
       setErrored(true);
       setCode("");
       lastSubmittedRef.current = null;
     }
   }, [prompt.subAction, prompt.userActionId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     setHiddenAfterResend(false);
   }, [prompt.expirySeconds, prompt.message, prompt.subAction, prompt.userActionId]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (code.length < codeLen) lastSubmittedRef.current = null;
   }, [code, codeLen]);
-  const doSubmit = react.useCallback(
+  const doSubmit = React.useCallback(
     (value) => {
       if (locked || !value) return;
       if (lastSubmittedRef.current === value) return;
@@ -4408,20 +4370,20 @@ function VerificationInline({
     },
     [locked, onSubmit, prompt.userActionId]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!isNumeric || locked) return;
     if (code.length === codeLen && /^\d+$/.test(code)) {
       doSubmit(code);
     }
   }, [code, codeLen, doSubmit, isNumeric, locked]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (typeof resendTimerRef.current === "number") {
         window.clearInterval(resendTimerRef.current);
       }
     };
   }, []);
-  const startResendCooldown = react.useCallback(() => {
+  const startResendCooldown = React.useCallback(() => {
     setResendSec(RESEND_COOLDOWN_S);
     if (typeof resendTimerRef.current === "number") {
       window.clearInterval(resendTimerRef.current);
@@ -4439,7 +4401,7 @@ function VerificationInline({
       });
     }, 1e3);
   }, []);
-  const handleResend = react.useCallback(async () => {
+  const handleResend = React.useCallback(async () => {
     if (locked || resendSec > 0) return;
     setErrored(false);
     setCode("");
@@ -4452,7 +4414,7 @@ function VerificationInline({
       setHiddenAfterResend(false);
     }
   }, [locked, onResend, prompt.userActionId, resendSec, startResendCooldown]);
-  const handleCancel = react.useCallback(() => {
+  const handleCancel = React.useCallback(() => {
     if (busy) return;
     void onCancel(prompt.userActionId);
   }, [busy, onCancel, prompt.userActionId]);
@@ -4542,13 +4504,13 @@ function SchemaFormInline({
   onCancel
 }) {
   const schema = prompt.requestedSchema;
-  const fields = react.useMemo(() => renderableFields(schema), [schema]);
-  const [values, setValues] = react.useState(() => {
+  const fields = React.useMemo(() => renderableFields(schema), [schema]);
+  const [values, setValues] = React.useState(() => {
     const init2 = {};
     for (const [key, field] of fields) init2[key] = defaultValueFor(field);
     return init2;
   });
-  const [errors, setErrors] = react.useState({});
+  const [errors, setErrors] = React.useState({});
   const status = prompt.status;
   const busy = status === "submitting";
   const stale = status === "stale";
@@ -4689,24 +4651,34 @@ 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] = react.useState(initial);
-  react.useEffect(() => {
+  const [secondsLeft, setSecondsLeft] = React.useState(initial);
+  React.useEffect(() => {
     if (initial === void 0) {
       setSecondsLeft(void 0);
       return;
     }
-    setSecondsLeft(initial);
-    const id = window.setInterval(() => {
-      setSecondsLeft((s) => {
-        if (s === void 0) return s;
-        if (s <= 1) {
-          window.clearInterval(id);
-          return 0;
-        }
-        return s - 1;
-      });
-    }, 1e3);
-    return () => window.clearInterval(id);
+    const deadlineMs = Date.now() + initial * 1e3;
+    let intervalId;
+    const remaining = () => Math.max(0, Math.ceil((deadlineMs - Date.now()) / 1e3));
+    const sync = () => {
+      const next = remaining();
+      setSecondsLeft(next);
+      if (next === 0 && intervalId !== void 0) {
+        window.clearInterval(intervalId);
+        intervalId = void 0;
+      }
+    };
+    sync();
+    intervalId = window.setInterval(sync, 1e3);
+    document.addEventListener("visibilitychange", sync);
+    window.addEventListener("focus", sync);
+    window.addEventListener("pageshow", sync);
+    return () => {
+      if (intervalId !== void 0) window.clearInterval(intervalId);
+      document.removeEventListener("visibilitychange", sync);
+      window.removeEventListener("focus", sync);
+      window.removeEventListener("pageshow", sync);
+    };
   }, [prompt.userActionId, prompt.subAction, initial]);
   const expired = initial !== void 0 && secondsLeft === 0;
   return [secondsLeft, expired];
@@ -4719,7 +4691,7 @@ function UserActionInline({
   onExpired
 }) {
   const [secondsLeft, expired] = useExpiryCountdown(prompt);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (expired && prompt.kind !== "notification") onExpired?.();
   }, [expired, onExpired, prompt.kind]);
   let body;
@@ -4782,7 +4754,7 @@ function getPromptViewKey(prompt) {
     prompt.message ?? ""
   ].join(PROMPT_KEY_SEPARATOR);
 }
-var MessageListV2 = react.forwardRef(
+var MessageListV2 = React.forwardRef(
   function MessageListV22({
     messages,
     isStreaming = false,
@@ -4802,25 +4774,25 @@ var MessageListV2 = react.forwardRef(
     onSubmitFeedback,
     typingSpeed = 4
   }, ref) {
-    const noop = react.useCallback(async () => {
+    const noop = React.useCallback(async () => {
     }, []);
-    const scrollRef = react.useRef(null);
-    const scrollInnerRef = react.useRef(null);
-    const isNearBottomRef = react.useRef(true);
-    const [showScrollBtn, setShowScrollBtn] = react.useState(false);
-    const [expiredPromptViewState, setExpiredPromptViewState] = react.useState({});
-    const expiredUserActionIdsRef = react.useRef(/* @__PURE__ */ new Set());
-    const prevCountRef = react.useRef(messages.length);
-    const pauseStickUntilUserMessageRef = react.useRef(false);
-    const followingBottomRef = react.useRef(true);
-    const lastPinAtRef = react.useRef(0);
-    const prevScrollTopRef = react.useRef(0);
-    const getDistanceFromBottom = react.useCallback(() => {
+    const scrollRef = React.useRef(null);
+    const scrollInnerRef = React.useRef(null);
+    const isNearBottomRef = React.useRef(true);
+    const [showScrollBtn, setShowScrollBtn] = React.useState(false);
+    const [expiredPromptViewState, setExpiredPromptViewState] = React.useState({});
+    const expiredUserActionIdsRef = React.useRef(/* @__PURE__ */ new Set());
+    const prevCountRef = React.useRef(messages.length);
+    const pauseStickUntilUserMessageRef = React.useRef(false);
+    const followingBottomRef = React.useRef(true);
+    const lastPinAtRef = React.useRef(0);
+    const prevScrollTopRef = React.useRef(0);
+    const getDistanceFromBottom = React.useCallback(() => {
       const el = scrollRef.current;
       if (!el) return 0;
       return el.scrollHeight - el.scrollTop - el.clientHeight;
     }, []);
-    const messageActivityFingerprint = react.useMemo(() => {
+    const messageActivityFingerprint = React.useMemo(() => {
       const last = messages[messages.length - 1];
       const promptFingerprint = (userActionPrompts ?? []).map((prompt) => `${getPromptViewKey(prompt)}:${prompt.status}`).join(PROMPT_KEY_SEPARATOR);
       const notificationFingerprint = (notifications ?? []).map((notification) => notification.id).join(PROMPT_KEY_SEPARATOR);
@@ -4846,7 +4818,7 @@ var MessageListV2 = react.forwardRef(
         notificationFingerprint
       ].join(PROMPT_KEY_SEPARATOR);
     }, [isStreaming, messages, notifications, userActionPrompts]);
-    const handleUserActionExpired = react.useCallback(
+    const handleUserActionExpired = React.useCallback(
       (promptKey, userActionId) => {
         setExpiredPromptViewState((prev) => {
           if (prev[promptKey]) return prev;
@@ -4863,7 +4835,7 @@ var MessageListV2 = react.forwardRef(
       },
       [messageActivityFingerprint, onExpireUserAction]
     );
-    react.useEffect(() => {
+    React.useEffect(() => {
       setExpiredPromptViewState((prev) => {
         let changed = false;
         const next = {};
@@ -4878,7 +4850,7 @@ var MessageListV2 = react.forwardRef(
         return changed ? next : prev;
       });
     }, [messageActivityFingerprint]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       const livePromptKeys = new Set((userActionPrompts ?? []).map(getPromptViewKey));
       const liveUserActionIds = new Set((userActionPrompts ?? []).map((p) => p.userActionId));
       for (const userActionId of expiredUserActionIdsRef.current) {
@@ -4899,21 +4871,21 @@ var MessageListV2 = react.forwardRef(
         return changed ? next : prev;
       });
     }, [userActionPrompts]);
-    const visibleUserActionPrompts = react.useMemo(
+    const visibleUserActionPrompts = React.useMemo(
       () => userActionPrompts?.filter((prompt) => {
         const promptKey = getPromptViewKey(prompt);
         return !expiredPromptViewState[promptKey]?.hidden;
       }),
       [expiredPromptViewState, userActionPrompts]
     );
-    const pinToBottom = react.useCallback((behavior = "instant") => {
+    const pinToBottom = React.useCallback((behavior = "instant") => {
       const el = scrollRef.current;
       if (!el) return;
       lastPinAtRef.current = performance.now();
       el.scrollTo({ top: el.scrollHeight, behavior });
       prevScrollTopRef.current = el.scrollHeight;
     }, []);
-    const scrollToBottom = react.useCallback(
+    const scrollToBottom = React.useCallback(
       (behavior = "smooth") => {
         const el = scrollRef.current;
         if (!el) return;
@@ -4923,7 +4895,7 @@ var MessageListV2 = react.forwardRef(
       },
       [pinToBottom]
     );
-    react.useImperativeHandle(
+    React.useImperativeHandle(
       ref,
       () => ({
         scrollToBottom: (behavior = "smooth") => {
@@ -4936,7 +4908,7 @@ var MessageListV2 = react.forwardRef(
       }),
       [scrollToBottom]
     );
-    const handleScroll = react.useCallback(() => {
+    const handleScroll = React.useCallback(() => {
       const el = scrollRef.current;
       if (!el) return;
       const currentScrollTop = el.scrollTop;
@@ -4957,7 +4929,7 @@ var MessageListV2 = react.forwardRef(
         pauseStickUntilUserMessageRef.current = false;
       }
     }, [getDistanceFromBottom]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       const prevCount = prevCountRef.current;
       prevCountRef.current = messages.length;
       if (messages.length > prevCount) {
@@ -4971,7 +4943,7 @@ var MessageListV2 = react.forwardRef(
         }
       }
     }, [messages.length, scrollToBottom]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       const inner = scrollInnerRef.current;
       if (!inner) return;
       const pinIfFollowing = () => {
@@ -4996,7 +4968,7 @@ var MessageListV2 = react.forwardRef(
         mo.disconnect();
       };
     }, [pinToBottom]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (messages.length > 0) {
         setTimeout(() => scrollToBottom("instant"), 50);
       }
@@ -5085,7 +5057,7 @@ var MessageListV2 = react.forwardRef(
     ] });
   }
 );
-var ChatInputV2 = react.forwardRef(
+var ChatInputV2 = React.forwardRef(
   function ChatInputV22({
     onSend,
     disabled = false,
@@ -5109,20 +5081,20 @@ var ChatInputV2 = react.forwardRef(
     onAnalysisModeChange,
     slashCommands = []
   }, ref) {
-    const [value, setValue] = react.useState("");
-    const [isFocused, setIsFocused] = react.useState(false);
-    const [showActions, setShowActions] = react.useState(false);
-    const [showVoiceTooltip, setShowVoiceTooltip] = react.useState(false);
-    const [selectedCommandIndex, setSelectedCommandIndex] = react.useState(0);
-    const [inlineHint, setInlineHint] = react.useState(null);
-    const [commandMenuDismissed, setCommandMenuDismissed] = react.useState(false);
-    const textareaRef = react.useRef(null);
-    const actionsRef = react.useRef(null);
-    const preRecordTextRef = react.useRef("");
-    const voiceTooltipTimerRef = react.useRef(
+    const [value, setValue] = React.useState("");
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [showActions, setShowActions] = React.useState(false);
+    const [showVoiceTooltip, setShowVoiceTooltip] = React.useState(false);
+    const [selectedCommandIndex, setSelectedCommandIndex] = React.useState(0);
+    const [inlineHint, setInlineHint] = React.useState(null);
+    const [commandMenuDismissed, setCommandMenuDismissed] = React.useState(false);
+    const textareaRef = React.useRef(null);
+    const actionsRef = React.useRef(null);
+    const preRecordTextRef = React.useRef("");
+    const voiceTooltipTimerRef = React.useRef(
       null
     );
-    const voiceDraftSyncActiveRef = react.useRef(false);
+    const voiceDraftSyncActiveRef = React.useRef(false);
     const isInputLocked = disabled || isRecording;
     const hasAttachmentOptions = showUploadImageButton || showAttachFileButton;
     const showAttachmentMenuButton = showAttachmentButton && hasAttachmentOptions;
@@ -5133,14 +5105,14 @@ var ChatInputV2 = react.forwardRef(
       (command) => command.name.toLowerCase().startsWith(commandQuery)
     );
     const showCommandSuggestions = !commandMenuDismissed && !isRecording && !disabled && commandSuggestions.length > 0;
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (textareaRef.current) {
         textareaRef.current.style.height = "auto";
         const scrollHeight = textareaRef.current.scrollHeight;
         textareaRef.current.style.height = `${Math.min(scrollHeight, 200)}px`;
       }
     }, [value]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (disabled) {
         setIsFocused(false);
         setShowActions(false);
@@ -5150,7 +5122,7 @@ var ChatInputV2 = react.forwardRef(
       const frameId = requestAnimationFrame(() => textareaRef.current?.focus());
       return () => cancelAnimationFrame(frameId);
     }, [disabled]);
-    react.useImperativeHandle(
+    React.useImperativeHandle(
       ref,
       () => ({
         setDraft: (message) => {
@@ -5167,7 +5139,7 @@ var ChatInputV2 = react.forwardRef(
       }),
       [disabled]
     );
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (!showActions) return;
       const handleClickOutside = (e) => {
         if (actionsRef.current && !actionsRef.current.contains(e.target)) {
@@ -5177,29 +5149,29 @@ var ChatInputV2 = react.forwardRef(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [showActions]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (!showAttachmentMenuButton) {
         setShowActions(false);
       }
     }, [showAttachmentMenuButton]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       setSelectedCommandIndex(0);
       setCommandMenuDismissed(false);
     }, [commandQuery]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       return () => {
         if (voiceTooltipTimerRef.current) {
           clearTimeout(voiceTooltipTimerRef.current);
         }
       };
     }, []);
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (!voiceDraftSyncActiveRef.current) return;
       const base = preRecordTextRef.current;
       const separator = base && !base.endsWith(" ") && transcribedText ? " " : "";
       setValue(`${base}${separator}${transcribedText}`);
     }, [isRecording, transcribedText]);
-    const handleSend = react.useCallback(() => {
+    const handleSend = React.useCallback(() => {
       if (!value.trim() || disabled) return;
       const commandHint = getSlashCommandValidationHint(value);
       if (commandHint) {
@@ -5219,7 +5191,7 @@ var ChatInputV2 = react.forwardRef(
         }
       });
     }, [value, disabled, onClearEditing, onSend]);
-    const selectCommand = react.useCallback(
+    const selectCommand = React.useCallback(
       (command) => {
         const insertText = command.insertText ?? `${command.name} `;
         setValue(insertText);
@@ -5275,14 +5247,14 @@ var ChatInputV2 = react.forwardRef(
       onAttachFileClick?.();
       setShowActions(false);
     };
-    const hideVoiceTooltip = react.useCallback(() => {
+    const hideVoiceTooltip = React.useCallback(() => {
       if (voiceTooltipTimerRef.current) {
         clearTimeout(voiceTooltipTimerRef.current);
         voiceTooltipTimerRef.current = null;
       }
       setShowVoiceTooltip(false);
     }, []);
-    const startVoiceTooltipTimer = react.useCallback(() => {
+    const startVoiceTooltipTimer = React.useCallback(() => {
       if (isVoiceButtonDisabled || isRecording) return;
       if (voiceTooltipTimerRef.current) {
         clearTimeout(voiceTooltipTimerRef.current);
@@ -5604,9 +5576,9 @@ var ChatInputV2 = react.forwardRef(
 var thinking_atom_default = "data:application/zip;base64,UEsDBBQAAAAIAMWrkFzFrMWzUgAAAF4AAAANAAAAbWFuaWZlc3QuanNvbqtWKkstKs7Mz1OyUjJS0lFKT81LLUosyS8C8h1S8kty8ktKMlP14SzdrGIHQz0zPZDaxLzM3MQSoN5iJavoaqXMFKAe38TMPIXgZKApSrWxtQBQSwMEFAAAAAgAxauQXLRghFpXBAAA1RwAABEAAABhL01haW4gU2NlbmUuanNvbu1YWW/jNhD+KwafJVWkqMtPbdEDfdiiQIq+GMZCcei1GvmApLRdGP7v/YYiddqbGNumR4wcomZGHM7B76N0ZLstm7N3Wb6b3a3UTjGHPTw8sLnvsA2bCx/X3811q+qMzY/sAx74stjXda7WeaGqL1alyup9OeNeEnmcnRxWZB9VWbH54sjqj2weOI2bH5+KYibhoirZnONSa0f7AzykGOQYkGP4X2dFpbq13ONx0mTVu6x6bNXZXosf4erI9OLwjwRw7Tv4WWLSP+ALa7I2Rs0RkvkzRhEZQdWz8iHCms48Z54RMEAs2gABkcGRYVFHBqXv8Sh2GBKgRzDNW00SIClag1GzugVNShk5OUd9zxMj4cI/2UhoSdUwVBJpn53EGPMTOd0hh8hAUwuodC1UoVZ1ud+9UjWog+jvb6hIv9D9egxT8aK8kfte5tD5kiTYCfpaqvUPyABb7beH9/57zlUi4zBwE+FnrsyUdDOfC/c+iNVqzVOVKoH06vwLLDsr1Y6q+VZLgX7+dxQDW29SDGmKsVNPr1iLSyB1Bkui0CDGAEdkEmmpeXghQwe/Td0slnRzyDQ5NwdH8L05htXHLGFqIWk0fQ+YPhc9P3+3VpvsoDrSYR9KFNHWpKvWdgfdV998/e3sF2w70Nb35f7pAFNdfn0z49QpNLHDVnqh0FL9IUXU1kG1eZmDO1rYzB06+imrN30/hNG9JmkiPLIVm9flE2ZFuRZoFzf0hIyXzkJfqXcgtLJGCSHyi1SR/URF9pNJYP8b2adeaEwwoqc6AQ2XS+obXTi7bdi6eGmWs8MmXyEN3+UFPaOzQGOdBcQ52BeeDGXqgB3jRNIlirBe7Vs2TYNkXeiGsFtcTS0w3XLPAp8x0MQ86uluEVPse66t9R4ZdbVd88Vw4tNpqTcZIZekEUrFQi/2fAS3hqPIwBMXSIqBp6yqVN1shjHH5NejpvUyOtdZzNyX93lNVfwPn+vGrHjDpiuxSXAvFIHDhSdFRNghvcSPnMQLhKRbo3dbg0bvNgYWsZ4xcz7txuIYrGOfOzz0/JiTUZB4acwdVwiNa43abfVGrbVnMA79fCXG3WGvPdLLlM5nc6czWiBpKFXxq07ptqBOudg7hDI49vRUOAJYuJggZiQDrqFSxA6CMgj2/8PCNqDty6oCjqlViaL8XOb0iC4JjWfU51Xb6CiLunz8CiPop0cnnIb6Ryd7YGpf4bqTUmhPSpSSYXxuSsBtk3ztGkQwPAJS7QevkWdOa2SLNLSn378smfqMTZF0yRzV8Ez4SToNf4i5drmWByfHdk1B5PxGQW+Xgix5jMlhTB5jchlS0CeNOiK74GREQROOGVLQhKFuFHSjoH+CgkSELwM3CrqCgjDJGQoKbhT0pikIH0oE+CAMgOmpF3HAof580grxHaWRdt9opjr9wWUyj6UWHnvSD4yZ1N9pBiIXshuF3Cjktd9izmHo61CIxeSAPpWd/gRQSwECFAAUAAAACADFq5BcxazFs1IAAABeAAAADQAAAAAAAAAAAAAAAAAAAAAAbWFuaWZlc3QuanNvblBLAQIUABQAAAAIAMWrkFy0YIRaVwQAANUcAAARAAAAAAAAAAAAAAAAAH0AAABhL01haW4gU2NlbmUuanNvblBLBQYAAAAAAgACAHoAAAADBQAAAAA=";
 var DEFAULT_SIZE = 36;
 function useElapsedSeconds(isStreaming) {
-  const [elapsed, setElapsed] = react.useState(0);
-  const startRef = react.useRef(null);
-  react.useEffect(() => {
+  const [elapsed, setElapsed] = React.useState(0);
+  const startRef = React.useRef(null);
+  React.useEffect(() => {
     if (!isStreaming) {
       startRef.current = null;
       setElapsed(0);
@@ -5665,22 +5637,22 @@ function StreamingIndicatorV2({
   ) });
 }
 function ImageLightboxV2({ src, alt, onClose }) {
-  const [isMounted, setIsMounted] = react.useState(false);
-  const [isImageLoaded, setIsImageLoaded] = react.useState(false);
-  react.useEffect(() => {
+  const [isMounted, setIsMounted] = React.useState(false);
+  const [isImageLoaded, setIsImageLoaded] = React.useState(false);
+  React.useEffect(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     setIsImageLoaded(false);
   }, [src]);
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = React.useCallback(
     (e) => {
       if (e.key === "Escape") onClose();
     },
     [onClose]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!src || typeof document === "undefined") return;
     document.addEventListener("keydown", handleKeyDown);
     const previousOverflow = document.body.style.overflow;
@@ -5829,10 +5801,10 @@ function TraceTimelineModal({
   apiBaseUrl,
   apiHeaders
 }) {
-  const [trace, setTrace] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  react.useEffect(() => {
+  const [trace, setTrace] = React.useState(null);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
     if (!open || !executionId) return;
     const ctrl = new AbortController();
     setLoading(true);
@@ -5854,7 +5826,7 @@ function TraceTimelineModal({
     }).finally(() => setLoading(false));
     return () => ctrl.abort();
   }, [open, executionId, apiBaseUrl, apiHeaders]);
-  const totalMs = react.useMemo(() => {
+  const totalMs = React.useMemo(() => {
     if (!trace) return 0;
     const meta = trace.runMetadata?.totalTimeMs;
     if (typeof meta === "number" && meta > 0) return meta;
@@ -5863,7 +5835,7 @@ function TraceTimelineModal({
     if (starts.length === 0 || ends.length === 0) return 0;
     return Math.max(...ends) - Math.min(...starts);
   }, [trace]);
-  const accountedMs = react.useMemo(
+  const accountedMs = React.useMemo(
     () => (trace?.pipelineSteps ?? []).reduce(
       (sum, s) => sum + (s.durationMs ?? 0),
       0
@@ -6124,12 +6096,12 @@ var NOOP_ASYNC = async () => {
 var NOOP = () => {
 };
 function useSentryChatCallbacks(callbacks, config) {
-  const sentryCtxRef = react.useRef({});
-  const callbacksRef = react.useRef(callbacks);
+  const sentryCtxRef = React.useRef({});
+  const callbacksRef = React.useRef(callbacks);
   callbacksRef.current = callbacks;
   const initialSessionId = config.initialSessionId;
   const apiHeaders = config.api.headers;
-  react.useEffect(() => {
+  React.useEffect(() => {
     sentryCtxRef.current.agentId = config.agentId;
     sentryCtxRef.current.sessionOwnerId = config.sessionParams?.id;
     if (initialSessionId) {
@@ -6145,13 +6117,13 @@ function useSentryChatCallbacks(callbacks, config) {
     initialSessionId,
     apiHeaders
   ]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const endpoint = config.api.streamEndpoint || "/api/playground/ask/stream";
     return subscribeToCfRay(endpoint, (cfRay) => {
       sentryCtxRef.current.cfRay = cfRay;
     });
   }, [config.api.streamEndpoint]);
-  return react.useMemo(
+  return React.useMemo(
     () => ({
       onMessageSent: (msg) => callbacksRef.current?.onMessageSent?.(msg),
       onStreamStart: () => callbacksRef.current?.onStreamStart?.(),
@@ -6200,7 +6172,7 @@ function useSentryChatCallbacks(callbacks, config) {
     []
   );
 }
-var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
+var PaymanChatInner = React.forwardRef(function PaymanChatInner2({
   config,
   callbacks = {},
   className,
@@ -6211,18 +6183,18 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
   hasMoreMessages = false,
   chat
 }, ref) {
-  const [inputValue, setInputValue] = react.useState("");
-  const prevInputValueRef = react.useRef(inputValue);
-  const [hasEverSentMessage, setHasEverSentMessage] = react.useState(false);
-  const [lightboxSrc, setLightboxSrc] = react.useState(null);
-  const [lightboxAlt, setLightboxAlt] = react.useState("");
-  const [editingMessageId, setEditingMessageId] = react.useState(null);
-  const [isResetSessionConfirmOpen, setIsResetSessionConfirmOpen] = react.useState(false);
-  const [analysisMode, setAnalysisMode] = react.useState("fast");
-  const chatInputV2Ref = react.useRef(null);
-  const messageListV2Ref = react.useRef(null);
-  const resetToEmptyStateRef = react.useRef(false);
-  react.useEffect(() => {
+  const [inputValue, setInputValue] = React.useState("");
+  const prevInputValueRef = React.useRef(inputValue);
+  const [hasEverSentMessage, setHasEverSentMessage] = React.useState(false);
+  const [lightboxSrc, setLightboxSrc] = React.useState(null);
+  const [lightboxAlt, setLightboxAlt] = React.useState("");
+  const [editingMessageId, setEditingMessageId] = React.useState(null);
+  const [isResetSessionConfirmOpen, setIsResetSessionConfirmOpen] = React.useState(false);
+  const [analysisMode, setAnalysisMode] = React.useState("fast");
+  const chatInputV2Ref = React.useRef(null);
+  const messageListV2Ref = React.useRef(null);
+  const resetToEmptyStateRef = React.useRef(false);
+  React.useEffect(() => {
     if (config.sentryDsn) {
       initSentryIfNeeded(config.sentryDsn);
     }
@@ -6238,7 +6210,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     getSessionId,
     getMessages
   } = chat;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (resetToEmptyStateRef.current) {
       if (messages.length === 0) {
         setHasEverSentMessage(false);
@@ -6250,7 +6222,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       setHasEverSentMessage(true);
     }
   }, [messages.length, hasEverSentMessage]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!editingMessageId) return;
     const editingMessageStillExists = messages.some(
       (message) => message.id === editingMessageId && message.role === "user"
@@ -6263,7 +6235,7 @@ var PaymanChatInner = react.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 {
@@ -6289,7 +6261,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       }
     }
   );
-  const contextValue = react.useMemo(
+  const contextValue = React.useMemo(
     () => ({
       resetSession,
       clearMessages,
@@ -6316,8 +6288,8 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     onAttachFileClick,
     onMessageFeedback
   } = callbacks;
-  const [debugTraceExecutionId, setDebugTraceExecutionId] = react.useState(null);
-  const handleSubmitFeedback = react.useCallback(
+  const [debugTraceExecutionId, setDebugTraceExecutionId] = React.useState(null);
+  const handleSubmitFeedback = React.useCallback(
     async ({ messageId, executionId, feedback, details }) => {
       if (!executionId) {
         throw new Error("Cannot submit feedback before the response completes");
@@ -6348,14 +6320,14 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       onMessageFeedback
     ]
   );
-  const onExecutionTraceClick = react.useMemo(() => {
+  const onExecutionTraceClick = React.useMemo(() => {
     if (!config.debug) return rawOnExecutionTraceClick;
     return (data) => {
       rawOnExecutionTraceClick?.(data);
       if (data.executionId) setDebugTraceExecutionId(data.executionId);
     };
   }, [config.debug, rawOnExecutionTraceClick]);
-  const performResetSession = react.useCallback(() => {
+  const performResetSession = React.useCallback(() => {
     resetToEmptyStateRef.current = true;
     setEditingMessageId(null);
     setIsResetSessionConfirmOpen(false);
@@ -6376,13 +6348,13 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     resetSession,
     stopRecording
   ]);
-  const requestResetSession = react.useCallback(() => {
+  const requestResetSession = React.useCallback(() => {
     setIsResetSessionConfirmOpen(true);
   }, []);
-  const closeResetSessionConfirm = react.useCallback(() => {
+  const closeResetSessionConfirm = React.useCallback(() => {
     setIsResetSessionConfirmOpen(false);
   }, []);
-  react.useImperativeHandle(ref, () => ({
+  React.useImperativeHandle(ref, () => ({
     resetSession: performResetSession,
     clearMessages,
     cancelStream,
@@ -6421,7 +6393,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     slashCommands: slashCommandsConfig,
     commandPermissions
   } = config;
-  const messageActions = react.useMemo(
+  const messageActions = React.useMemo(
     () => ({
       userMessageActions: {
         copy: messageActionsConfig?.userMessageActions?.copy ?? true,
@@ -6437,18 +6409,18 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     }),
     [messageActionsConfig]
   );
-  const slashCommands = react.useMemo(
+  const slashCommands = React.useMemo(
     () => enableSlashCommands ? filterSlashCommands(
       slashCommandsConfig ?? DEFAULT_SLASH_COMMANDS,
       commandPermissions
     ) : [],
     [commandPermissions, enableSlashCommands, slashCommandsConfig]
   );
-  const isSessionParamsConfigured = react.useMemo(() => {
+  const isSessionParamsConfigured = React.useMemo(() => {
     if (!sessionParams) return false;
     return !!(sessionParams.id?.trim() && sessionParams.name?.trim());
   }, [sessionParams?.id, sessionParams?.name]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const wasEmpty = prevInputValueRef.current.trim() === "";
     const isEmpty2 = inputValue.trim() === "";
     prevInputValueRef.current = inputValue;
@@ -6515,7 +6487,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       void sendMessage(text.trim(), { analysisMode: effectiveAnalysisMode });
     }
   };
-  const handleVoicePress = react.useCallback(async () => {
+  const handleVoicePress = React.useCallback(async () => {
     if (!voiceAvailable) return;
     if (isRecording) {
       stopRecording();
@@ -6524,7 +6496,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     clearTranscript();
     await startRecording();
   }, [clearTranscript, isRecording, startRecording, stopRecording, voiceAvailable]);
-  const handleEditMessageDraft = react.useCallback((messageId) => {
+  const handleEditMessageDraft = React.useCallback((messageId) => {
     const targetMessage = messages.find((message) => message.id === messageId);
     if (!targetMessage?.content.trim()) return;
     setEditingMessageId(messageId);
@@ -6533,7 +6505,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       messageListV2Ref.current?.scrollToBottom("smooth");
     });
   }, [messages]);
-  const handleRetryUserMessage = react.useCallback((messageId) => {
+  const handleRetryUserMessage = React.useCallback((messageId) => {
     if (isWaitingForResponse) return;
     const targetMessage = messages.find(
       (message) => message.id === messageId && message.role === "user"
@@ -6550,7 +6522,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       });
     });
   }, [isWaitingForResponse, messages, sendMessage, effectiveAnalysisMode]);
-  const handleClearEditing = react.useCallback(() => {
+  const handleClearEditing = React.useCallback(() => {
     setEditingMessageId(null);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(PaymanChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6664,7 +6636,7 @@ var PaymanChatInner = react.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
                 }
@@ -6740,7 +6712,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     }
   ) });
 });
-var PaymanChat = react.forwardRef(
+var PaymanChat = React.forwardRef(
   function PaymanChat2(props, ref) {
     const mergedCallbacks = useSentryChatCallbacks(props.callbacks, props.config);
     const chat = useChatV2(props.config, mergedCallbacks);