npm - @paymanai/payman-ask-sdk - Versions diffs - 4.0.23 → 4.0.25 - Mend

@paymanai/payman-ask-sdk 4.0.23 → 4.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.js CHANGED Viewed

@@ -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,7 +33,6 @@ 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);
@@ -61,6 +60,7 @@ var chatStore = {
     memoryStore.delete(key);
   }
 };
+var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
 var streams = /* @__PURE__ */ new Map();
 var activeStreamStore = {
   has(key) {
@@ -69,7 +69,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) {
@@ -77,6 +81,7 @@ var activeStreamStore = {
     streams.set(key, {
       messages: initialMessages,
       isWaiting: true,
+      userActionState: EMPTY_USER_ACTION_STATE,
       abortController,
       listeners: existing?.listeners ?? /* @__PURE__ */ new Set()
     });
@@ -87,20 +92,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);
@@ -523,9 +535,9 @@ function processStreamEventV2(rawEvent, state) {
         state.hasError = true;
         state.errorMessage = "WORKFLOW_FAILED";
       }
-      state.steps.forEach((step) => {
-        if (step.status === "in_progress") {
-          step.status = "completed";
+      state.steps.forEach((step2) => {
+        if (step2.status === "in_progress") {
+          step2.status = "completed";
         }
       });
       state.lastEventType = eventType;
@@ -841,12 +853,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();
@@ -940,11 +952,11 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
                   errorDetails: isAborted ? void 0 : error.message,
                   content: isAborted ? state.finalResponse || "" : state.finalResponse || FRIENDLY_ERROR_MESSAGE,
                   currentMessage: isAborted ? "Thinking..." : void 0,
-                  steps: [...state.steps].map((step) => {
-                    if (step.status === "in_progress" && isAborted) {
-                      return { ...step, status: "pending" };
+                  steps: [...state.steps].map((step2) => {
+                    if (step2.status === "in_progress" && isAborted) {
+                      return { ...step2, status: "pending" };
                     }
-                    return step;
+                    return step2;
                   }),
                   currentExecutingStepId: void 0
                 } : msg
@@ -1030,11 +1042,11 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
               isCancelled: isAborted,
               errorDetails: isAborted ? void 0 : error.message,
               content: isAborted ? state.finalResponse || "" : state.finalResponse || FRIENDLY_ERROR_MESSAGE,
-              steps: [...state.steps].map((step) => {
-                if (step.status === "in_progress" && isAborted) {
-                  return { ...step, status: "pending" };
+              steps: [...state.steps].map((step2) => {
+                if (step2.status === "in_progress" && isAborted) {
+                  return { ...step2, status: "pending" };
                 }
-                return step;
+                return step2;
               }),
               currentExecutingStepId: void 0
             } : msg
@@ -1045,7 +1057,7 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
     },
     [setMessages, setIsWaitingForResponse]
   );
-  const cancelStream = React.useCallback(() => {
+  const cancelStream = react.useCallback(() => {
     abortControllerRef.current?.abort();
   }, []);
   return {
@@ -1055,11 +1067,11 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
   };
 }
 function createCancelledMessageUpdate(steps, currentMessage) {
-  const updatedSteps = steps.map((step) => {
-    if (step.status === "in_progress") {
-      return { ...step, status: "pending" };
+  const updatedSteps = steps.map((step2) => {
+    if (step2.status === "in_progress") {
+      return { ...step2, status: "pending" };
     }
-    return step;
+    return step2;
   });
   return {
     isStreaming: false,
@@ -1108,12 +1120,31 @@ async function resendUserAction(config, userActionId) {
 async function expireUserAction(config, userActionId) {
   return sendUserActionRequest(config, userActionId, "expired");
 }
-var EMPTY_USER_ACTION_STATE = { prompts: [], notifications: [] };
+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;
@@ -1137,24 +1168,24 @@ function getSessionIdFromMessages(messages) {
   return messages.find((message) => message.sessionId)?.sessionId;
 }
 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 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;
@@ -1169,7 +1200,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;
@@ -1184,8 +1215,29 @@ 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(() => {
+    if (!config.userId) return EMPTY_USER_ACTION_STATE2;
+    return activeStreamStore.get(config.userId)?.userActionState ?? EMPTY_USER_ACTION_STATE2;
+  });
+  const storeAwareSetUserActionState = react.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 = react.useMemo(() => ({
     ...callbacksRef.current,
     onMessageSent: (message) => callbacksRef.current.onMessageSent?.(message),
     onStreamStart: () => callbacksRef.current.onStreamStart?.(),
@@ -1194,14 +1246,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);
@@ -1214,7 +1266,7 @@ function useChatV2(config, callbacks = {}) {
     storeAwareSetMessages,
     storeAwareSetIsWaiting
   );
-  const sendMessage = React.useCallback(
+  const sendMessage = react.useCallback(
     async (userMessage, options) => {
       if (!userMessage.trim()) return;
       if (!sessionIdRef.current && configRef.current.autoGenerateSessionId !== false) {
@@ -1274,16 +1326,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);
@@ -1291,7 +1343,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) {
@@ -1306,8 +1358,8 @@ function useChatV2(config, callbacks = {}) {
         return msg;
       })
     );
-  }, [cancelStreamManager]);
-  const resetSession = React.useCallback(() => {
+  }, [cancelStreamManager, storeAwareSetUserActionState]);
+  const resetSession = react.useCallback(() => {
     const streamUserId = streamUserIdRef.current ?? configRef.current.userId;
     if (streamUserId) {
       activeStreamStore.abort(streamUserId);
@@ -1320,32 +1372,32 @@ 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 = 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) => ({
+      storeAwareSetUserActionState((prev) => ({
         ...prev,
         prompts: prev.prompts.map(
           (p) => p.userActionId === userActionId ? { ...p, status } : p
         )
       }));
     },
-    []
+    [storeAwareSetUserActionState]
   );
-  const removePrompt = React.useCallback((userActionId) => {
-    setUserActionState((prev) => ({
+  const removePrompt = react.useCallback((userActionId) => {
+    storeAwareSetUserActionState((prev) => ({
       ...prev,
       prompts: prev.prompts.filter((p) => p.userActionId !== userActionId)
     }));
-  }, []);
-  const submitUserAction2 = React.useCallback(
+  }, [storeAwareSetUserActionState]);
+  const submitUserAction2 = react.useCallback(
     async (userActionId, content) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1363,7 +1415,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [removePrompt, setPromptStatus]
   );
-  const cancelUserAction2 = React.useCallback(
+  const cancelUserAction2 = react.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1381,7 +1433,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [removePrompt, setPromptStatus]
   );
-  const resendUserAction2 = React.useCallback(
+  const resendUserAction2 = react.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1399,7 +1451,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const expireUserAction2 = React.useCallback(
+  const expireUserAction2 = react.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "expired");
       try {
@@ -1412,13 +1464,13 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const dismissNotification = React.useCallback((id) => {
-    setUserActionState((prev) => ({
+  const dismissNotification = react.useCallback((id) => {
+    storeAwareSetUserActionState((prev) => ({
       ...prev,
       notifications: prev.notifications.filter((n) => n.id !== id)
     }));
-  }, []);
-  React.useEffect(() => {
+  }, [storeAwareSetUserActionState]);
+  react.useEffect(() => {
     const prevSubscriptionUserId = subscriptionPrevUserIdRef.current;
     subscriptionPrevUserIdRef.current = config.userId;
     const { userId } = config;
@@ -1426,18 +1478,21 @@ 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]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!config.userId) return;
     if (prevUserIdRef.current !== config.userId) return;
     const toSave = messages.filter((m) => !m.isStreaming);
@@ -1445,14 +1500,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]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     const prevUserId = prevUserIdRef.current;
     prevUserIdRef.current = config.userId;
     if (prevUserId === config.userId) return;
@@ -1461,12 +1516,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;
       }
@@ -1500,12 +1557,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,
@@ -1514,14 +1571,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
@@ -1538,7 +1595,7 @@ function useVoice(config = {}, callbacks = {}) {
       };
     }
   }, []);
-  const getPermissions = React.useCallback(async () => {
+  const getPermissions = react.useCallback(async () => {
     if (typeof navigator === "undefined" || !navigator.permissions) {
       return {
         granted: false,
@@ -1560,13 +1617,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(() => {
@@ -1576,7 +1633,7 @@ function useVoice(config = {}, callbacks = {}) {
       }, autoStopAfterSilence);
     }
   }, [autoStopAfterSilence, clearAutoStopTimer, isRecording]);
-  const stopRecording = React.useCallback(() => {
+  const stopRecording = react.useCallback(() => {
     if (recognitionRef.current) {
       try {
         recognitionRef.current.stop();
@@ -1588,7 +1645,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");
@@ -1678,15 +1735,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 {
@@ -1826,9 +1883,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");
   }
@@ -2086,8 +2143,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,
@@ -2108,14 +2165,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";
@@ -2123,7 +2180,7 @@ function ImageLightbox({
       document.body.style.overflow = previousOverflow;
     };
   }, []);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (typeof document === "undefined") return;
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -2219,15 +2276,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);
@@ -2296,7 +2353,7 @@ function createMarkdownComponents(options = {}) {
     },
     pre: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "my-2 max-w-full overflow-x-auto rounded-lg", children }),
     ul: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-3 ml-4 list-disc space-y-1 text-sm", children }),
-    ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "mb-3 ml-4 list-decimal space-y-1 text-sm", children }),
+    ol: ({ children, start }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "mb-3 ml-4 list-decimal space-y-1 text-sm", start, children }),
     li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm leading-relaxed", children }),
     h1: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-4 mb-2 text-lg font-semibold first:mt-0", children }),
     h2: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-3 mb-2 text-base font-semibold first:mt-0", children }),
@@ -2354,9 +2411,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);
     }
@@ -2365,7 +2422,7 @@ function AgentMessage({
     }
     wasStreamingRef.current = isStreaming;
   }, [isStreaming, hasSteps]);
-  const totalElapsedMs = hasSteps ? message.steps.reduce((sum, step) => sum + (step.elapsedMs || 0), 0) : 0;
+  const totalElapsedMs = hasSteps ? message.steps.reduce((sum, step2) => sum + (step2.elapsedMs || 0), 0) : 0;
   const currentMessage = message.currentMessage;
   const rawContent = message.streamingContent || message.content || "";
   const content = rawContent.replace(/\\n/g, "\n");
@@ -2373,13 +2430,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
     }),
@@ -2393,25 +2450,25 @@ function AgentMessage({
     }
     return `${count} ${stepWord} completed`;
   };
-  const renderStepIcon = (step, isCurrentlyExecuting) => {
+  const renderStepIcon = (step2, isCurrentlyExecuting) => {
     const wrapper = "h-4 w-4 flex items-center justify-center shrink-0";
     if (isCurrentlyExecuting)
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 payman-agent-step-icon--active animate-spin" }) });
-    if (step.status === "pending" && isCancelled)
+    if (step2.status === "pending" && isCancelled)
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-1.5 rounded-full payman-agent-step-icon--pending" }) });
-    if (step.status === "pending" || step.status === "in_progress")
+    if (step2.status === "pending" || step2.status === "in_progress")
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 payman-agent-step-icon--in-progress-dim animate-spin" }) });
-    if (step.status === "completed")
+    if (step2.status === "completed")
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
         lucideReact.Check,
         {
           className: cn(
             "h-3.5 w-3.5",
-            step.eventType === "USER_ACTION_SUCCESS" ? "payman-agent-step-icon--success" : "payman-agent-step-icon--success-dim"
+            step2.eventType === "USER_ACTION_SUCCESS" ? "payman-agent-step-icon--success" : "payman-agent-step-icon--success-dim"
           )
         }
       ) });
-    if (step.status === "error")
+    if (step2.status === "error")
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5 payman-agent-step-icon--error" }) });
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-1.5 rounded-full payman-agent-step-icon--pending-dim" }) });
   };
@@ -2423,38 +2480,38 @@ function AgentMessage({
       exit: { height: 0, opacity: 0 },
       transition: { duration: 0.2, ease: "easeInOut" },
       className: "overflow-hidden",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-1.5", children: message.steps.map((step) => {
-        const isCurrentlyExecuting = step.id === currentExecutingStepId && step.status === "in_progress" && isStreaming && !isCancelled;
-        const hasTime = step.elapsedMs != null && step.elapsedMs > 0;
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-1.5", children: message.steps.map((step2) => {
+        const isCurrentlyExecuting = step2.id === currentExecutingStepId && step2.status === "in_progress" && isStreaming && !isCancelled;
+        const hasTime = step2.elapsedMs != null && step2.elapsedMs > 0;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 items-start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-px", children: renderStepIcon(step, isCurrentlyExecuting) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-px", children: renderStepIcon(step2, isCurrentlyExecuting) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 className: cn(
                   "text-xs leading-relaxed min-w-0 break-words",
                   isCurrentlyExecuting && "shimmer-text font-medium",
-                  !isCurrentlyExecuting && step.status === "error" && "payman-agent-step-text--error",
-                  !isCurrentlyExecuting && step.eventType === "USER_ACTION_SUCCESS" && "payman-agent-step-text--success",
-                  !isCurrentlyExecuting && step.status === "completed" && "payman-agent-step-text--completed",
-                  !isCurrentlyExecuting && step.status === "pending" && "payman-agent-step-text--pending",
-                  !isCurrentlyExecuting && step.status === "in_progress" && "payman-agent-step-text--in-progress"
+                  !isCurrentlyExecuting && step2.status === "error" && "payman-agent-step-text--error",
+                  !isCurrentlyExecuting && step2.eventType === "USER_ACTION_SUCCESS" && "payman-agent-step-text--success",
+                  !isCurrentlyExecuting && step2.status === "completed" && "payman-agent-step-text--completed",
+                  !isCurrentlyExecuting && step2.status === "pending" && "payman-agent-step-text--pending",
+                  !isCurrentlyExecuting && step2.status === "in_progress" && "payman-agent-step-text--in-progress"
                 ),
-                children: step.message
+                children: step2.message
               }
             )
           ] }),
           hasTime && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-[22px] mt-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md payman-agent-step-time leading-none", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-2.5 w-2.5 shrink-0 payman-agent-step-time-icon" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-mono payman-agent-step-time-text", children: formatElapsedTime(step.elapsedMs) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-mono payman-agent-step-time-text", children: formatElapsedTime(step2.elapsedMs) })
           ] }) })
-        ] }, step.id);
+        ] }, step2.id);
       }) })
     }
   ) });
-  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) {
@@ -2782,23 +2839,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();
@@ -2810,7 +2867,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;
@@ -2820,25 +2877,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(() => {
@@ -2855,7 +2912,7 @@ function MessageList({
       return () => el.removeEventListener("payman-steps-toggle", handleStepsToggle);
     }
   }, [getDistanceFromBottom, scrollToBottom]);
-  const handleScrollToBottom = React.useCallback(() => {
+  const handleScrollToBottom = react.useCallback(() => {
     scrollToBottom();
   }, [scrollToBottom]);
   if (isLoading) {
@@ -2988,7 +3045,7 @@ function ResetSessionConfirmModal({
   onClose,
   onConfirm
 }) {
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = react.useCallback(
     (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -2996,7 +3053,7 @@ function ResetSessionConfirmModal({
     },
     [onClose]
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!isOpen || typeof document === "undefined") return;
     document.addEventListener("keydown", handleKeyDown);
     const previousOverflow = document.body.style.overflow;
@@ -3102,14 +3159,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);
@@ -3265,18 +3322,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);
@@ -3285,7 +3342,7 @@ function MarkdownImageV2({
     setHasError(false);
     setRetryCount(0);
   }, [src]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     const el = sentinelRef.current;
     if (!el || !src) return;
     const rect = el.getBoundingClientRect();
@@ -3406,92 +3463,13 @@ function MarkdownImageV2({
     }
   ) });
 }
-var RAG_SOURCE_CLASS = "payman-v2-rag-source";
-var RAG_FOLLOW_UP_CLASS = "payman-v2-rag-follow-up";
-var SOURCE_PATTERN = /^Sources?:\s*\S/i;
-var MAX_FOLLOW_UP_LENGTH = 320;
-var HR_PATTERN = /^-{3,}$|^_{3,}$|^\*{3,}$/;
-function normalizeRagParagraphText(text) {
-  return text.replace(/\s+/g, " ").trim();
-}
-function isRagSourceParagraph(text) {
-  return SOURCE_PATTERN.test(normalizeRagParagraphText(text));
-}
-function isRagFollowUpCandidate(text) {
-  const normalized = normalizeRagParagraphText(text);
-  return normalized.length > 0 && normalized.length <= MAX_FOLLOW_UP_LENGTH && normalized.endsWith("?");
-}
-function extractRagParagraphTexts(content) {
-  const paragraphs = [];
-  const currentParagraph = [];
-  const flushParagraph = () => {
-    const paragraph = normalizeRagParagraphText(currentParagraph.join(" "));
-    currentParagraph.length = 0;
-    if (paragraph) paragraphs.push(paragraph);
-  };
-  content.replace(/\\n/g, "\n").split(/\r?\n/).forEach((line) => {
-    const trimmedLine = line.trim();
-    if (!trimmedLine) {
-      flushParagraph();
-      return;
-    }
-    if (HR_PATTERN.test(trimmedLine)) {
-      flushParagraph();
-      return;
-    }
-    currentParagraph.push(trimmedLine);
-  });
-  flushParagraph();
-  return paragraphs;
-}
-function getRagAnswerParagraphRoles(paragraphs) {
-  const normalized = paragraphs.map(normalizeRagParagraphText);
-  const roles = normalized.map(() => null);
-  const sourceIndexes = normalized.map((paragraph, index) => isRagSourceParagraph(paragraph) ? index : -1).filter((index) => index >= 0);
-  for (const sourceIndex of sourceIndexes) {
-    roles[sourceIndex] = "source";
-    for (const candidateIndex of [sourceIndex - 1, sourceIndex + 1]) {
-      if (candidateIndex >= 0 && candidateIndex < normalized.length && roles[candidateIndex] == null && isRagFollowUpCandidate(normalized[candidateIndex] ?? "")) {
-        roles[candidateIndex] = "follow-up";
-      }
-    }
-  }
-  return roles;
-}
-function getRagAnswerParagraphRole(paragraph, paragraphs) {
-  const normalizedParagraph = normalizeRagParagraphText(paragraph);
-  if (isRagSourceParagraph(normalizedParagraph)) return "source";
-  const roles = getRagAnswerParagraphRoles(paragraphs);
-  return paragraphs.map(normalizeRagParagraphText).some((candidate, index) => {
-    return candidate === normalizedParagraph && roles[index] === "follow-up";
-  }) ? "follow-up" : null;
-}
-function ragAnswerRoleClassName(role) {
-  if (role === "source") return RAG_SOURCE_CLASS;
-  if (role === "follow-up") return RAG_FOLLOW_UP_CLASS;
-  return void 0;
-}
-function reactNodeText(node) {
-  if (typeof node === "string" || typeof node === "number") return String(node);
-  if (Array.isArray(node)) return node.map(reactNodeText).join("");
-  if (React__namespace.isValidElement(node)) {
-    return reactNodeText(node.props.children);
-  }
-  return "";
-}
-function buildComponents(onImageClick, isResolvingRef, ragParagraphsRef) {
+function buildComponents(onImageClick, isResolvingRef) {
   return {
-    p: ({ children }) => {
-      const role = getRagAnswerParagraphRole(
-        reactNodeText(children),
-        ragParagraphsRef?.current ?? []
-      );
-      return /* @__PURE__ */ jsxRuntime.jsx("p", { className: ragAnswerRoleClassName(role), children });
-    },
+    p: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("p", { 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 }),
-    ol: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { children }),
+    ol: ({ children, start }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { start, children }),
     li: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children }),
     h1: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { children }),
     h2: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { children }),
@@ -3523,15 +3501,10 @@ function MarkdownRendererV2({
   isResolvingImages,
   onImageClick
 }) {
-  const isResolvingRef = React.useRef(isResolvingImages);
+  const isResolvingRef = react.useRef(isResolvingImages);
   isResolvingRef.current = isResolvingImages;
-  const ragParagraphsRef = React.useRef([]);
-  ragParagraphsRef.current = React.useMemo(
-    () => extractRagParagraphTexts(content),
-    [content]
-  );
-  const components = React.useMemo(
-    () => buildComponents(onImageClick, isResolvingRef, ragParagraphsRef),
+  const components = react.useMemo(
+    () => buildComponents(onImageClick, isResolvingRef),
     [onImageClick]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3588,14 +3561,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("");
@@ -3604,7 +3577,7 @@ function FeedbackReasonModal({
       setReasonOpen(false);
     }
   }, [open]);
-  const handleKeyDown = React.useCallback(
+  const handleKeyDown = react.useCallback(
     (event) => {
       if (event.key !== "Escape") return;
       if (reasonOpen) {
@@ -3615,7 +3588,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;
@@ -3797,6 +3770,87 @@ function FeedbackReasonModal({
     }
   ) : null });
 }
+// src/utils/markdownImageToken.ts
+function step(text, i) {
+  if (text[i] === "\\" && i + 1 < text.length) return i + 2;
+  return i + 1;
+}
+function scanAltText(text, start) {
+  let i = start;
+  while (i < text.length) {
+    if (text[i] === "]") return i;
+    i = step(text, i);
+  }
+  return -1;
+}
+function scanOptionalTitle(text, start) {
+  let i = start;
+  while (i < text.length && /[\t\n ]/.test(text[i])) i++;
+  if (i >= text.length) return i;
+  const quote = text[i];
+  if (quote !== '"' && quote !== "'") return i;
+  i++;
+  while (i < text.length) {
+    if (text[i] === quote) return i + 1;
+    i = step(text, i);
+  }
+  return -1;
+}
+function scanAngleBracketDestination(text, start) {
+  let i = start + 1;
+  while (i < text.length) {
+    if (text[i] === ">") return i + 1;
+    i = step(text, i);
+  }
+  return -1;
+}
+function scanRawDestination(text, start) {
+  let i = start;
+  let depth = 1;
+  while (i < text.length) {
+    const char = text[i];
+    if (char === "\\") {
+      if (i + 1 >= text.length) return -1;
+      i += 2;
+      continue;
+    }
+    if (char === "(") depth++;
+    else if (char === ")") {
+      depth--;
+      if (depth === 0) return i + 1;
+    }
+    i++;
+  }
+  return -1;
+}
+function completeMarkdownImageTokenLength(text) {
+  if (!text.startsWith("![")) return 0;
+  const altEnd = scanAltText(text, 2);
+  if (altEnd === -1 || altEnd + 1 >= text.length || text[altEnd + 1] !== "(") {
+    return 0;
+  }
+  let i = altEnd + 2;
+  if (i >= text.length) return 0;
+  if (text[i] === "<") {
+    i = scanAngleBracketDestination(text, i);
+    if (i === -1) return 0;
+    i = scanOptionalTitle(text, i);
+    if (i === -1 || i >= text.length || text[i] !== ")") return 0;
+    return i + 1;
+  }
+  i = scanRawDestination(text, i);
+  return i === -1 ? 0 : i;
+}
+function stripIncompleteImageToken(text) {
+  const lastBang = text.lastIndexOf("![");
+  if (lastBang === -1) return text;
+  const suffix = text.slice(lastBang);
+  if (completeMarkdownImageTokenLength(suffix) > 0) return text;
+  return text.slice(0, lastBang);
+}
+// src/components/v2/useTypingEffect.ts
 var RESPONSE_SPEED = {
   normal: [2, 4],
   fast: 1,
@@ -3804,7 +3858,6 @@ var RESPONSE_SPEED = {
   newline: [4, 6],
   idle: 15
 };
-var MARKDOWN_IMAGE_REGEX = /^!\[[^\]]*\]\([^)]*\)/;
 function charDelay(char, speed, multiplier) {
   const raw = (() => {
     if (char === "*") return speed.fast;
@@ -3819,17 +3872,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);
@@ -3863,9 +3916,9 @@ function useTypingEffect(targetText, enabled, speed = RESPONSE_SPEED, initialDis
       }
       if (displayedRef.current.length < targetRef.current.length) {
         const remaining = targetRef.current.slice(displayedRef.current.length);
-        const imgMatch = MARKDOWN_IMAGE_REGEX.exec(remaining);
-        if (imgMatch) {
-          displayedRef.current += imgMatch[0];
+        const imageTokenLength = completeMarkdownImageTokenLength(remaining);
+        if (imageTokenLength > 0) {
+          displayedRef.current += remaining.slice(0, imageTokenLength);
           setDisplayedText(displayedRef.current);
           timerRef.current = setTimeout(tick, 0);
           return;
@@ -3894,13 +3947,6 @@ function useTypingEffect(targetText, enabled, speed = RESPONSE_SPEED, initialDis
     isTyping
   };
 }
-function stripIncompleteImageToken(text) {
-  const lastBang = text.lastIndexOf("![");
-  if (lastBang === -1) return text;
-  const after = text.slice(lastBang);
-  if (/^!\[[^\]]*\]\([^)]*\)/.test(after)) return text;
-  return text.slice(0, lastBang);
-}
 function getFeedbackState(message) {
   const feedback = message.feedback;
   if (feedback === "up" || feedback === "down") return feedback;
@@ -3919,26 +3965,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);
@@ -4232,10 +4278,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();
@@ -4334,31 +4380,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;
@@ -4370,20 +4416,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);
@@ -4401,7 +4447,7 @@ function VerificationInline({
       });
     }, 1e3);
   }, []);
-  const handleResend = React.useCallback(async () => {
+  const handleResend = react.useCallback(async () => {
     if (locked || resendSec > 0) return;
     setErrored(false);
     setCode("");
@@ -4414,7 +4460,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]);
@@ -4504,13 +4550,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";
@@ -4650,14 +4696,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] = React.useState(initial);
-  React.useEffect(() => {
-    if (initial === void 0) {
+  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] = react.useState(
+    () => deadlineMs !== void 0 ? Math.max(0, Math.ceil((deadlineMs - Date.now()) / 1e3)) : void 0
+  );
+  react.useEffect(() => {
+    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 = () => {
@@ -4679,8 +4726,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({
@@ -4691,7 +4738,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;
@@ -4754,7 +4801,7 @@ function getPromptViewKey(prompt) {
     prompt.message ?? ""
   ].join(PROMPT_KEY_SEPARATOR);
 }
-var MessageListV2 = React.forwardRef(
+var MessageListV2 = react.forwardRef(
   function MessageListV22({
     messages,
     isStreaming = false,
@@ -4774,25 +4821,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);
@@ -4818,7 +4865,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;
@@ -4835,7 +4882,7 @@ var MessageListV2 = React.forwardRef(
       },
       [messageActivityFingerprint, onExpireUserAction]
     );
-    React.useEffect(() => {
+    react.useEffect(() => {
       setExpiredPromptViewState((prev) => {
         let changed = false;
         const next = {};
@@ -4850,7 +4897,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) {
@@ -4871,21 +4918,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;
@@ -4895,7 +4942,7 @@ var MessageListV2 = React.forwardRef(
       },
       [pinToBottom]
     );
-    React.useImperativeHandle(
+    react.useImperativeHandle(
       ref,
       () => ({
         scrollToBottom: (behavior = "smooth") => {
@@ -4908,7 +4955,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;
@@ -4929,7 +4976,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) {
@@ -4943,7 +4990,7 @@ var MessageListV2 = React.forwardRef(
         }
       }
     }, [messages.length, scrollToBottom]);
-    React.useEffect(() => {
+    react.useEffect(() => {
       const inner = scrollInnerRef.current;
       if (!inner) return;
       const pinIfFollowing = () => {
@@ -4968,7 +5015,7 @@ var MessageListV2 = React.forwardRef(
         mo.disconnect();
       };
     }, [pinToBottom]);
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (messages.length > 0) {
         setTimeout(() => scrollToBottom("instant"), 50);
       }
@@ -5057,7 +5104,7 @@ var MessageListV2 = React.forwardRef(
     ] });
   }
 );
-var ChatInputV2 = React.forwardRef(
+var ChatInputV2 = react.forwardRef(
   function ChatInputV22({
     onSend,
     disabled = false,
@@ -5081,20 +5128,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;
@@ -5105,14 +5152,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);
@@ -5122,7 +5169,7 @@ var ChatInputV2 = React.forwardRef(
       const frameId = requestAnimationFrame(() => textareaRef.current?.focus());
       return () => cancelAnimationFrame(frameId);
     }, [disabled]);
-    React.useImperativeHandle(
+    react.useImperativeHandle(
       ref,
       () => ({
         setDraft: (message) => {
@@ -5139,7 +5186,7 @@ var ChatInputV2 = React.forwardRef(
       }),
       [disabled]
     );
-    React.useEffect(() => {
+    react.useEffect(() => {
       if (!showActions) return;
       const handleClickOutside = (e) => {
         if (actionsRef.current && !actionsRef.current.contains(e.target)) {
@@ -5149,29 +5196,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) {
@@ -5191,7 +5238,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);
@@ -5247,14 +5294,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);
@@ -5576,9 +5623,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);
@@ -5637,22 +5684,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;
@@ -5784,9 +5831,9 @@ var PRE_PIPELINE_STEPS = /* @__PURE__ */ new Set([
   "build_pipeline",
   "load_skill_index"
 ]);
-function stepColor(step) {
-  if (step.status === "failed") return "#ef4444";
-  if (PRE_PIPELINE_STEPS.has(step.step)) return "#f59e0b";
+function stepColor(step2) {
+  if (step2.status === "failed") return "#ef4444";
+  if (PRE_PIPELINE_STEPS.has(step2.step)) return "#f59e0b";
   return "#3b82f6";
 }
 function formatMs(ms) {
@@ -5801,10 +5848,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);
@@ -5826,7 +5873,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;
@@ -5835,7 +5882,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
@@ -5963,10 +6010,10 @@ function TimelineBars({
   totalMs,
   unaccountedMs
 }) {
-  const bars = trace.pipelineSteps.map((step) => {
-    const duration = step.durationMs ?? 0;
+  const bars = trace.pipelineSteps.map((step2) => {
+    const duration = step2.durationMs ?? 0;
     const widthPct = totalMs > 0 ? duration / totalMs * 100 : 0;
-    const llmMs = step.llmCall?.durationMs ?? null;
+    const llmMs = step2.llmCall?.durationMs ?? null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 8 }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -5980,8 +6027,8 @@ function TimelineBars({
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              step.step,
-              step.status === "failed" && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#fca5a5", marginLeft: 6 }, children: "(failed)" })
+              step2.step,
+              step2.status === "failed" && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#fca5a5", marginLeft: 6 }, children: "(failed)" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { opacity: 0.75 }, children: [
               formatMs(duration),
@@ -6009,14 +6056,14 @@ function TimelineBars({
               style: {
                 height: "100%",
                 width: `${Math.max(widthPct, 0.3)}%`,
-                background: stepColor(step),
+                background: stepColor(step2),
                 transition: "width 0.2s ease"
               }
             }
           )
         }
       )
-    ] }, `${step.step}-${step.startTime}`);
+    ] }, `${step2.step}-${step2.startTime}`);
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     bars,
@@ -6096,12 +6143,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) {
@@ -6117,13 +6164,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?.(),
@@ -6172,7 +6219,7 @@ function useSentryChatCallbacks(callbacks, config) {
     []
   );
 }
-var PaymanChatInner = React.forwardRef(function PaymanChatInner2({
+var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
   config,
   callbacks = {},
   className,
@@ -6183,18 +6230,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);
     }
@@ -6210,7 +6257,7 @@ var PaymanChatInner = React.forwardRef(function PaymanChatInner2({
     getSessionId,
     getMessages
   } = chat;
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (resetToEmptyStateRef.current) {
       if (messages.length === 0) {
         setHasEverSentMessage(false);
@@ -6222,7 +6269,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"
@@ -6261,7 +6308,7 @@ var PaymanChatInner = React.forwardRef(function PaymanChatInner2({
       }
     }
   );
-  const contextValue = React.useMemo(
+  const contextValue = react.useMemo(
     () => ({
       resetSession,
       clearMessages,
@@ -6288,8 +6335,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");
@@ -6320,14 +6367,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);
@@ -6348,13 +6395,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,
@@ -6393,7 +6440,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,
@@ -6409,18 +6456,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;
@@ -6487,7 +6534,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();
@@ -6496,7 +6543,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);
@@ -6505,7 +6552,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"
@@ -6522,7 +6569,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(
@@ -6712,7 +6759,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);