@paymanai/payman-ask-sdk 4.0.25 → 4.0.27

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);
@@ -300,6 +301,8 @@ function getEventMessage(event) {
     }
     case "RUN_IN_PROGRESS":
       return event.partialText || "Thinking...";
+    case "LLM_CALL_STARTED":
+      return event.description || "";
     case "RUN_COMPLETED":
       return "Agent run completed";
     case "RUN_FAILED":
@@ -437,7 +440,8 @@ function createInitialV2State() {
     finalData: void 0,
     steps: [],
     stepCounter: 0,
-    currentExecutingStepId: void 0
+    currentExecutingStepId: void 0,
+    trailingActivity: false
   };
 }
 function upsertUserAction(state, req) {
@@ -459,6 +463,7 @@ function processStreamEventV2(rawEvent, state) {
   if (typeof eventType === "string" && eventType.toUpperCase() === "KEEP_ALIVE") {
     if (event.executionId) state.executionId = event.executionId;
     if (event.sessionId) state.sessionId = event.sessionId;
+    if (state.finalResponse) state.trailingActivity = true;
     const description = typeof event.description === "string" ? event.description : "";
     if (description) {
       for (let i = state.steps.length - 1; i >= 0; i--) {
@@ -493,7 +498,12 @@ function processStreamEventV2(rawEvent, state) {
       state.lastEventType = eventType;
       break;
     }
+    case "LLM_CALL_STARTED":
+      if (state.finalResponse) state.trailingActivity = true;
+      state.lastEventType = eventType;
+      break;
     case "INTENT_STARTED": {
+      if (state.finalResponse) state.trailingActivity = true;
       const stepId = `step-${state.stepCounter++}`;
       state.steps.push({
         id: stepId,
@@ -509,6 +519,7 @@ function processStreamEventV2(rawEvent, state) {
       break;
     }
     case "INTENT_COMPLETED": {
+      if (state.finalResponse) state.trailingActivity = true;
       const intentStep = state.steps.find((s) => s.eventType === "INTENT_STARTED" && s.status === "in_progress");
       if (intentStep) {
         intentStep.status = "completed";
@@ -540,6 +551,7 @@ function processStreamEventV2(rawEvent, state) {
           step2.status = "completed";
         }
       });
+      state.trailingActivity = false;
       state.lastEventType = eventType;
       break;
     }
@@ -611,6 +623,7 @@ function processStreamEventV2(rawEvent, state) {
     case "WORKFLOW_ERROR":
       state.hasError = true;
       state.errorMessage = event.errorMessage || event.message || "Workflow error";
+      state.trailingActivity = false;
       state.lastEventType = eventType;
       break;
     // ---- K2 pipeline stage lifecycle events ----
@@ -853,12 +866,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();
@@ -899,7 +912,9 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
             const latestUsefulStep = [...state.steps].reverse().find(
               (s) => s.message && !isBlandStatus(s.message)
             );
-            const currentMessage = useful(activeStep?.message) ?? useful(lastInProgressStep?.message) ?? latestUsefulStep?.message ?? useful(getEventMessage(event)) ?? // Last-resort: every candidate is bland (very first event,
+            const eventTypeUpper = typeof event.eventType === "string" ? event.eventType.toUpperCase() : "";
+            const liveEventLabel = eventTypeUpper === "KEEP_ALIVE" || eventTypeUpper === "LLM_CALL_STARTED" ? useful(getEventMessage(event)) : void 0;
+            const currentMessage = useful(activeStep?.message) ?? useful(lastInProgressStep?.message) ?? liveEventLabel ?? latestUsefulStep?.message ?? useful(getEventMessage(event)) ?? // Last-resort: every candidate is bland (very first event,
             // nothing useful seen yet). Render the bland label so the
             // bubble isn't blank.
             activeStep?.message ?? lastInProgressStep?.message ?? getEventMessage(event);
@@ -924,6 +939,7 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
                 streamingContent: state.finalResponse,
                 content: "",
                 currentMessage,
+                hasTrailingActivity: state.trailingActivity,
                 streamProgress: "processing",
                 isError: false,
                 steps: [...state.steps],
@@ -1057,7 +1073,7 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
     },
     [setMessages, setIsWaitingForResponse]
   );
-  const cancelStream = react.useCallback(() => {
+  const cancelStream = React.useCallback(() => {
     abortControllerRef.current?.abort();
   }, []);
   return {
@@ -1139,6 +1155,9 @@ function getUserActionSecondsLeft(prompt) {
   return void 0;
 }
 var EMPTY_USER_ACTION_STATE2 = { prompts: [], notifications: [] };
+function promptSlotKey(p) {
+  return p.toolCallId || p.userActionId;
+}
 function upsertPrompt(prompts, req) {
   const idx = prompts.findIndex(
     (p) => req.toolCallId ? p.toolCallId === req.toolCallId : p.userActionId === req.userActionId
@@ -1168,24 +1187,25 @@ 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 pendingSubmissionsRef = React.useRef(/* @__PURE__ */ new Map());
+  const storeAwareSetMessages = React.useCallback(
     (updater) => {
       const streamUserId = streamUserIdRef.current;
       const currentUserId = configRef.current.userId;
@@ -1200,7 +1220,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;
@@ -1215,11 +1235,13 @@ function useChatV2(config, callbacks = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const [userActionState, setUserActionState] = react.useState(() => {
+  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(
+  const userActionStateRef = React.useRef(userActionState);
+  userActionStateRef.current = userActionState;
+  const storeAwareSetUserActionState = React.useCallback(
     (updater) => {
       const streamUserId = streamUserIdRef.current;
       const currentUserId = configRef.current.userId;
@@ -1237,7 +1259,7 @@ function useChatV2(config, callbacks = {}) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const wrappedCallbacks = react.useMemo(() => ({
+  const wrappedCallbacks = React.useMemo(() => ({
     ...callbacksRef.current,
     onMessageSent: (message) => callbacksRef.current.onMessageSent?.(message),
     onStreamStart: () => callbacksRef.current.onStreamStart?.(),
@@ -1246,6 +1268,12 @@ function useChatV2(config, callbacks = {}) {
     onExecutionTraceClick: (data) => callbacksRef.current.onExecutionTraceClick?.(data),
     onSessionIdChange: (sessionId) => callbacksRef.current.onSessionIdChange?.(sessionId),
     onUserActionRequired: (request) => {
+      const requestSlotKey = promptSlotKey(request);
+      for (const [pendingId, slotKey] of pendingSubmissionsRef.current) {
+        if (slotKey === requestSlotKey) {
+          pendingSubmissionsRef.current.delete(pendingId);
+        }
+      }
       storeAwareSetUserActionState((prev) => ({
         ...prev,
         prompts: upsertPrompt(prev.prompts, request)
@@ -1257,6 +1285,28 @@ function useChatV2(config, callbacks = {}) {
         (prev) => prev.notifications.some((n) => n.id === notification.id) ? prev : { ...prev, notifications: [...prev.notifications, notification] }
       );
       callbacksRef.current.onUserNotification?.(notification);
+    },
+    // A submitted-but-unconfirmed prompt (see `submitUserAction`) is only
+    // safe to drop once the stream has demonstrably moved on. `onEvent`
+    // in useStreamManagerV2 calls `onStepsUpdate` for *every* processed
+    // stream event, unconditionally — so the first time this fires
+    // after a submission, the event in hand is either the rejection
+    // retry (a fresh `USER_ACTION_REQUIRED`, which the handler above
+    // already deleted this pending entry for, earlier in the very same
+    // event) or genuine forward progress (RUN_IN_PROGRESS, a tool call,
+    // content deltas, RUN_COMPLETED, ...). Anything still pending by
+    // the time we get here therefore means the run resumed normally —
+    // clear it.
+    onStepsUpdate: (steps) => {
+      if (pendingSubmissionsRef.current.size > 0) {
+        const resolved = [...pendingSubmissionsRef.current.keys()];
+        pendingSubmissionsRef.current.clear();
+        storeAwareSetUserActionState((prev) => ({
+          ...prev,
+          prompts: prev.prompts.filter((p) => !resolved.includes(p.userActionId))
+        }));
+      }
+      callbacksRef.current.onStepsUpdate?.(steps);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }), []);
@@ -1266,7 +1316,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) {
@@ -1326,16 +1376,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);
@@ -1359,7 +1409,7 @@ function useChatV2(config, callbacks = {}) {
       })
     );
   }, [cancelStreamManager, storeAwareSetUserActionState]);
-  const resetSession = react.useCallback(() => {
+  const resetSession = React.useCallback(() => {
     const streamUserId = streamUserIdRef.current ?? configRef.current.userId;
     if (streamUserId) {
       activeStreamStore.abort(streamUserId);
@@ -1374,13 +1424,13 @@ function useChatV2(config, callbacks = {}) {
     setIsWaitingForResponse(false);
     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) => {
       storeAwareSetUserActionState((prev) => ({
         ...prev,
@@ -1391,18 +1441,22 @@ function useChatV2(config, callbacks = {}) {
     },
     [storeAwareSetUserActionState]
   );
-  const removePrompt = react.useCallback((userActionId) => {
+  const removePrompt = React.useCallback((userActionId) => {
+    pendingSubmissionsRef.current.delete(userActionId);
     storeAwareSetUserActionState((prev) => ({
       ...prev,
       prompts: prev.prompts.filter((p) => p.userActionId !== userActionId)
     }));
   }, [storeAwareSetUserActionState]);
-  const submitUserAction2 = react.useCallback(
+  const submitUserAction2 = React.useCallback(
     async (userActionId, content) => {
       setPromptStatus(userActionId, "submitting");
       try {
         await submitUserAction(configRef.current, userActionId, content);
-        removePrompt(userActionId);
+        const prompt = userActionStateRef.current.prompts.find(
+          (p) => p.userActionId === userActionId
+        );
+        pendingSubmissionsRef.current.set(userActionId, prompt ? promptSlotKey(prompt) : userActionId);
       } catch (error) {
         if (error instanceof UserActionStaleError) {
           setPromptStatus(userActionId, "stale");
@@ -1413,9 +1467,9 @@ function useChatV2(config, callbacks = {}) {
         throw error;
       }
     },
-    [removePrompt, setPromptStatus]
+    [setPromptStatus]
   );
-  const cancelUserAction2 = react.useCallback(
+  const cancelUserAction2 = React.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1433,7 +1487,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [removePrompt, setPromptStatus]
   );
-  const resendUserAction2 = react.useCallback(
+  const resendUserAction2 = React.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "submitting");
       try {
@@ -1451,7 +1505,7 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const expireUserAction2 = react.useCallback(
+  const expireUserAction2 = React.useCallback(
     async (userActionId) => {
       setPromptStatus(userActionId, "expired");
       try {
@@ -1464,13 +1518,13 @@ function useChatV2(config, callbacks = {}) {
     },
     [setPromptStatus]
   );
-  const dismissNotification = react.useCallback((id) => {
+  const dismissNotification = React.useCallback((id) => {
     storeAwareSetUserActionState((prev) => ({
       ...prev,
       notifications: prev.notifications.filter((n) => n.id !== id)
     }));
   }, [storeAwareSetUserActionState]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const prevSubscriptionUserId = subscriptionPrevUserIdRef.current;
     subscriptionPrevUserIdRef.current = config.userId;
     const { userId } = config;
@@ -1492,7 +1546,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);
@@ -1500,14 +1554,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;
@@ -1557,12 +1611,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,
@@ -1571,14 +1625,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
@@ -1595,7 +1649,7 @@ function useVoice(config = {}, callbacks = {}) {
       };
     }
   }, []);
-  const getPermissions = react.useCallback(async () => {
+  const getPermissions = React.useCallback(async () => {
     if (typeof navigator === "undefined" || !navigator.permissions) {
       return {
         granted: false,
@@ -1617,13 +1671,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(() => {
@@ -1633,7 +1687,7 @@ function useVoice(config = {}, callbacks = {}) {
       }, autoStopAfterSilence);
     }
   }, [autoStopAfterSilence, clearAutoStopTimer, isRecording]);
-  const stopRecording = react.useCallback(() => {
+  const stopRecording = React.useCallback(() => {
     if (recognitionRef.current) {
       try {
         recognitionRef.current.stop();
@@ -1645,7 +1699,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");
@@ -1735,15 +1789,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 {
@@ -1883,9 +1937,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");
   }
@@ -2082,6 +2136,9 @@ function getConflictErrorMessage(errorDetails) {
 }
 function initSentryIfNeeded(dsn) {
   if (!dsn) return;
+  if (typeof window !== "undefined" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1")) {
+    return;
+  }
   if (Sentry__namespace.getClient()) return;
   Sentry__namespace.init({
     dsn,
@@ -2143,8 +2200,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,
@@ -2165,14 +2222,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";
@@ -2180,7 +2237,7 @@ function ImageLightbox({
       document.body.style.overflow = previousOverflow;
     };
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (typeof document === "undefined") return;
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -2276,15 +2333,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);
@@ -2411,9 +2468,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);
     }
@@ -2430,13 +2487,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
     }),
@@ -2510,8 +2567,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) {
@@ -2839,23 +2896,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();
@@ -2867,7 +2924,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;
@@ -2877,25 +2934,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(() => {
@@ -2912,7 +2969,7 @@ function MessageList({
       return () => el.removeEventListener("payman-steps-toggle", handleStepsToggle);
     }
   }, [getDistanceFromBottom, scrollToBottom]);
-  const handleScrollToBottom = react.useCallback(() => {
+  const handleScrollToBottom = React.useCallback(() => {
     scrollToBottom();
   }, [scrollToBottom]);
   if (isLoading) {
@@ -3045,7 +3102,7 @@ function ResetSessionConfirmModal({
   onClose,
   onConfirm
 }) {
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = React.useCallback(
     (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -3053,7 +3110,7 @@ function ResetSessionConfirmModal({
     },
     [onClose]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!isOpen || typeof document === "undefined") return;
     document.addEventListener("keydown", handleKeyDown);
     const previousOverflow = document.body.style.overflow;
@@ -3159,14 +3216,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);
@@ -3322,18 +3379,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);
@@ -3342,7 +3399,7 @@ function MarkdownImageV2({
     setHasError(false);
     setRetryCount(0);
   }, [src]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const el = sentinelRef.current;
     if (!el || !src) return;
     const rect = el.getBoundingClientRect();
@@ -3463,9 +3520,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 }),
@@ -3501,10 +3637,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(
@@ -3561,14 +3702,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("");
@@ -3577,7 +3718,7 @@ function FeedbackReasonModal({
       setReasonOpen(false);
     }
   }, [open]);
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = React.useCallback(
     (event) => {
       if (event.key !== "Escape") return;
       if (reasonOpen) {
@@ -3588,7 +3729,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;
@@ -3872,17 +4013,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);
@@ -3965,26 +4106,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);
@@ -3997,6 +4138,7 @@ function AssistantMessageV2({
     return message.isStreaming ? stripIncompleteImageToken(normalized) : normalized;
   })();
   const isThinkingStreaming = !!message.isStreaming && !rawResponseContent && !message.isError;
+  const showTrailingProgress = !!message.isStreaming && !!rawResponseContent && !message.isError && !message.isCancelled && !!message.hasTrailingActivity;
   const responseTypingEnabled = hasEverStreamed.current && Boolean(rawResponseContent) && !message.isError;
   const { displayedText: displayContent, isTyping: isResponseTyping } = useTypingEffect(
     rawResponseContent,
@@ -4005,6 +4147,8 @@ function AssistantMessageV2({
     void 0,
     typingSpeed
   );
+  const displayContentPending = Boolean(rawResponseContent) && !displayContent;
+  const showThinkingBlock = isThinkingStreaming || displayContentPending;
   const stickyLabel = (() => {
     const steps = message.steps;
     if (!steps || steps.length === 0) return void 0;
@@ -4139,7 +4283,7 @@ function AssistantMessageV2({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     toastPortal,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-assistant-msg payman-v2-fade-in", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isThinkingStreaming && /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showThinkingBlock && /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
           initial: { opacity: 0, height: 0 },
@@ -4155,7 +4299,7 @@ function AssistantMessageV2({
             {
               isStreaming: isThinkingStreaming,
               stickyLabel,
-              currentStepLabel
+              currentStepLabel: currentStepLabel ?? message.currentMessage
             }
           )
         },
@@ -4169,7 +4313,32 @@ function AssistantMessageV2({
           isResolvingImages: message.isResolvingImages,
           onImageClick
         }
+      ) : displayContentPending ? (
+        // The intent/status line above is still bridging this
+        // gap (see `showThinkingBlock`) — nothing to add here.
+        null
       ) : !isThinkingStreaming ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-assistant-msg-placeholder", children: "..." }) : null }),
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showTrailingProgress && /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, height: 0 },
+          animate: { opacity: 1, height: "auto" },
+          exit: { opacity: 0, height: 0 },
+          transition: {
+            duration: 0.32,
+            ease: [0.2, 0, 0, 1]
+          },
+          style: { overflow: "hidden" },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            ThinkingBlockV2,
+            {
+              isStreaming: true,
+              currentStepLabel: message.currentMessage ?? currentStepLabel
+            }
+          )
+        },
+        "trailing-progress"
+      ) }),
       isCancelled && message.isStreaming && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-assistant-msg-paused", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           lucideReact.WifiOff,
@@ -4268,6 +4437,112 @@ function AssistantMessageV2({
     )
   ] });
 }
+var CHAR_VARIANTS = {
+  fade: {
+    initial: { opacity: 0, scale: 0.7 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.7 },
+    transition: { duration: 0.14, ease: "easeOut" },
+    overflow: "hidden"
+  },
+  blur: {
+    initial: { opacity: 0, filter: "blur(8px)", y: -8 },
+    animate: { opacity: 1, filter: "blur(0px)", y: 0 },
+    exit: { opacity: 0, filter: "blur(8px)", y: 8 },
+    transition: { duration: 0.18, ease: "easeOut" },
+    overflow: "visible"
+  }
+};
+function CharSlot({
+  char,
+  charKey,
+  effect
+}) {
+  if (!/\d/.test(char)) return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-block" }, children: char });
+  const v = CHAR_VARIANTS[effect];
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { position: "relative", display: "inline-block", overflow: v.overflow }, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", initial: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.span,
+    {
+      initial: v.initial,
+      animate: v.animate,
+      exit: v.exit,
+      transition: v.transition,
+      style: { display: "inline-block" },
+      children: char
+    },
+    charKey
+  ) }) });
+}
+function CountUp({
+  to,
+  from = 0,
+  duration = 2,
+  delay = 0,
+  digitEffect = "none",
+  className,
+  startWhen = true,
+  separator = ""
+}) {
+  const ref = React.useRef(null);
+  const motionValue = framerMotion.useMotionValue(from);
+  const damping = 20 + 40 * (1 / duration);
+  const stiffness = 100 * (1 / duration);
+  const springValue = framerMotion.useSpring(motionValue, { damping, stiffness });
+  const isInView = framerMotion.useInView(ref, { once: true, margin: "0px" });
+  const decimals = React.useMemo(() => {
+    const d = (n) => {
+      const s = n.toString();
+      return s.includes(".") ? s.split(".")[1].length : 0;
+    };
+    return Math.max(d(from), d(to));
+  }, [from, to]);
+  const formatValue = React.useCallback(
+    (latest) => {
+      const formatted = Intl.NumberFormat("en-US", {
+        useGrouping: !!separator,
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+      }).format(latest);
+      return separator ? formatted.replace(/,/g, separator) : formatted;
+    },
+    [decimals, separator]
+  );
+  const [chars, setChars] = React.useState(formatValue(from).split(""));
+  React.useEffect(() => {
+    if (isInView && startWhen) {
+      const t = setTimeout(() => motionValue.set(to), delay * 1e3);
+      return () => clearTimeout(t);
+    }
+  }, [isInView, startWhen, motionValue, to, delay]);
+  React.useEffect(() => {
+    const unsub = springValue.on("change", (latest) => {
+      if (digitEffect === "none") {
+        if (ref.current) ref.current.textContent = formatValue(latest);
+      } else {
+        setChars(formatValue(latest).split(""));
+      }
+    });
+    return () => unsub();
+  }, [springValue, formatValue, digitEffect]);
+  if (digitEffect === "none") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: cn(className), children: formatValue(from) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: cn("inline-flex items-center", className), children: chars.map((char, i) => /* @__PURE__ */ jsxRuntime.jsx(CharSlot, { char, charKey: `${i}-${char}`, effect: digitEffect }, i)) });
+}
+function AnimatedDuration({ seconds, className }) {
+  const total = Math.max(0, seconds);
+  const m = Math.floor(total / 60);
+  const s = total % 60;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("tabular-nums", className), children: [
+    m > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CountUp, { to: m, duration: 0.9, digitEffect: "blur", className: "tabular-nums" }),
+      "m",
+      " "
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(CountUp, { to: s, duration: 0.9, digitEffect: "blur", className: "tabular-nums" }),
+    "s"
+  ] });
+}
 var DEFAULT_MAX_LENGTH = 6;
 var MAX_SUPPORTED_LENGTH = 12;
 var AUTO_FOCUS_DELAY_MS = 250;
@@ -4278,10 +4553,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();
@@ -4380,31 +4655,30 @@ 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;
@@ -4416,20 +4690,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);
@@ -4447,7 +4721,7 @@ function VerificationInline({
       });
     }, 1e3);
   }, []);
-  const handleResend = react.useCallback(async () => {
+  const handleResend = React.useCallback(async () => {
     if (locked || resendSec > 0) return;
     setErrored(false);
     setCode("");
@@ -4460,19 +4734,22 @@ 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]);
-  const description = prompt.message?.trim() || (isNumeric ? `Enter the ${codeLen}-digit code to continue` : "Enter the verification code to continue");
+  const promptMessage = prompt.message?.trim();
+  const description = promptMessage || (isNumeric ? `Enter the ${codeLen}-digit code to continue` : "Enter the verification code to continue");
+  const messageFormat = prompt.metadata?.["payman/messageFormat"];
+  const renderMarkdown = !!promptMessage && messageFormat === "markdown";
   if (hiddenAfterResend) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-ua", role: "group", "aria-label": "Verification required", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-ua-head", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "payman-v2-ua-icon", size: 15, strokeWidth: 1.75, "aria-hidden": true }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-title", children: "Verification required" }),
-      typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : `${secondsLeft}s` })
+      typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : /* @__PURE__ */ jsxRuntime.jsx(AnimatedDuration, { seconds: secondsLeft }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-desc", children: description }),
+    renderMarkdown ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-markdown", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRendererV2, { content: description }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-desc", children: description }),
     stale ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       isNumeric ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-field", children: /* @__PURE__ */ jsxRuntime.jsx(
         OtpInputV2,
@@ -4542,6 +4819,228 @@ function VerificationInline({
     ] })
   ] });
 }
+function AmountFieldV2({
+  id,
+  value,
+  onChange,
+  disabled,
+  className,
+  onEnter
+}) {
+  const inputRef = React.useRef(null);
+  const digits = digitsFromValue(value);
+  const display = formatDigits(digits);
+  React.useLayoutEffect(() => {
+    const el = inputRef.current;
+    if (el && document.activeElement === el) {
+      el.setSelectionRange(el.value.length, el.value.length);
+    }
+  }, [display]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref: inputRef,
+      id,
+      type: "text",
+      inputMode: "decimal",
+      autoComplete: "off",
+      className,
+      value: display,
+      placeholder: "0.00",
+      disabled,
+      onChange: (e) => {
+        onChange(valueFromDigits(digitsFromDisplay(e.target.value)));
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          onEnter?.();
+        }
+      },
+      onFocus: (e) => {
+        const el = e.currentTarget;
+        requestAnimationFrame(() => el.setSelectionRange(el.value.length, el.value.length));
+      }
+    }
+  );
+}
+function digitsFromDisplay(raw) {
+  return raw.replace(/[^0-9]/g, "").replace(/^0+(?=\d)/, "").slice(-9);
+}
+function digitsFromValue(value) {
+  const num = Number(value);
+  if (!value || !Number.isFinite(num) || num <= 0) return "";
+  return String(Math.round(num * 100));
+}
+function formatDigits(digits) {
+  if (!digits) return "";
+  const padded = digits.padStart(3, "0");
+  const cents = padded.slice(-2);
+  const whole = padded.slice(0, -2).replace(/^0+(?=\d)/, "") || "0";
+  const grouped = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return `${grouped}.${cents}`;
+}
+function valueFromDigits(digits) {
+  if (!digits) return "";
+  return (Number(digits) / 100).toString();
+}
+function findRootClassName(el) {
+  const root = el?.closest(".payman-v2-root");
+  return root instanceof HTMLElement ? root.className : "";
+}
+var MENU_MAX_HEIGHT = 240;
+var OPTION_HEIGHT = 34;
+var VIEWPORT_MARGIN = 8;
+function SelectFieldV2({
+  id,
+  value,
+  options,
+  onChange,
+  disabled,
+  error,
+  placeholder = "Select\u2026"
+}) {
+  const triggerRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const [open, setOpen] = React.useState(false);
+  const [rect, setRect] = React.useState(null);
+  const [activeIndex, setActiveIndex] = React.useState(-1);
+  const [rootClassName, setRootClassName] = React.useState("");
+  const selected = options.find((o) => o.const === value);
+  React.useLayoutEffect(() => {
+    if (!open) return;
+    const place = () => {
+      const el = triggerRef.current;
+      if (!el) return;
+      const r = el.getBoundingClientRect();
+      const viewportH = window.innerHeight;
+      const estimatedMenuH = Math.min(
+        options.length * OPTION_HEIGHT + VIEWPORT_MARGIN,
+        MENU_MAX_HEIGHT
+      );
+      const spaceBelow = viewportH - r.bottom;
+      const spaceAbove = r.top;
+      const openUp = spaceBelow < estimatedMenuH && spaceAbove > spaceBelow;
+      setRect({ top: r.bottom, bottom: viewportH - r.top, left: r.left, width: r.width, openUp });
+      setRootClassName(findRootClassName(el));
+    };
+    place();
+    window.addEventListener("resize", place);
+    window.addEventListener("scroll", place, true);
+    return () => {
+      window.removeEventListener("resize", place);
+      window.removeEventListener("scroll", place, true);
+    };
+  }, [open, options.length]);
+  React.useEffect(() => {
+    if (!open) return;
+    setActiveIndex(Math.max(0, options.findIndex((o) => o.const === value)));
+    listRef.current?.focus();
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    const onDocDown = (e) => {
+      const target = e.target;
+      if (triggerRef.current?.contains(target) || listRef.current?.contains(target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", onDocDown);
+    return () => document.removeEventListener("mousedown", onDocDown);
+  }, [open]);
+  const commit = (opt) => {
+    onChange(opt.const);
+    setOpen(false);
+    triggerRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        id,
+        type: "button",
+        disabled,
+        className: cn("payman-v2-ua-select-trigger", error && "payman-v2-ua-input-error"),
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v),
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setOpen(true);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "payman-v2-ua-select-value",
+                !selected && "payman-v2-ua-select-placeholder"
+              ),
+              children: selected ? selected.title || selected.const : placeholder
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 14, className: "payman-v2-ua-select-chevron", "aria-hidden": true })
+        ]
+      }
+    ),
+    open && rect && typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: listRef,
+          role: "listbox",
+          className: cn(rootClassName, "payman-v2-ua-select-menu"),
+          tabIndex: -1,
+          style: {
+            position: "fixed",
+            left: rect.left,
+            width: rect.width,
+            height: "fit-content",
+            maxHeight: MENU_MAX_HEIGHT,
+            ...rect.openUp ? { bottom: rect.bottom } : { top: rect.top }
+          },
+          onKeyDown: (e) => {
+            if (e.key === "ArrowDown") {
+              e.preventDefault();
+              setActiveIndex((i) => Math.min(options.length - 1, i + 1));
+            } else if (e.key === "ArrowUp") {
+              e.preventDefault();
+              setActiveIndex((i) => Math.max(0, i - 1));
+            } else if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if (activeIndex >= 0) commit(options[activeIndex]);
+            } else if (e.key === "Escape" || e.key === "Tab") {
+              setOpen(false);
+              triggerRef.current?.focus();
+            }
+          },
+          children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "option",
+              "aria-selected": opt.const === value,
+              className: cn(
+                "payman-v2-ua-select-option",
+                i === activeIndex && "payman-v2-ua-select-option-active",
+                opt.const === value && "payman-v2-ua-select-option-selected"
+              ),
+              onMouseEnter: () => setActiveIndex(i),
+              onClick: () => commit(opt),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.title || opt.const }),
+                opt.const === value && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 13, "aria-hidden": true })
+              ]
+            },
+            opt.const
+          ))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
 function SchemaFormInline({
   prompt,
   secondsLeft,
@@ -4550,13 +5049,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";
@@ -4587,7 +5086,7 @@ function SchemaFormInline({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-ua-head", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "payman-v2-ua-icon", size: 14, strokeWidth: 1.75, "aria-hidden": true }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-title", children: "Action required" }),
-      typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : `${secondsLeft}s` })
+      typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : /* @__PURE__ */ jsxRuntime.jsx(AnimatedDuration, { seconds: secondsLeft }) })
     ] }),
     prompt.message?.trim() && (renderMarkdown ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-markdown", children: /* @__PURE__ */ jsxRuntime.jsx(MarkdownRendererV2, { content: prompt.message }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-desc", children: prompt.message })),
     stale ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-form", children: fields.map(([key, field]) => {
@@ -4619,26 +5118,33 @@ function SchemaFormInline({
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-req", children: "*" })
         ] }),
         field.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-ua-hint", children: field.description }),
-        widget === "select" ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
+        widget === "select" ? /* @__PURE__ */ jsxRuntime.jsx(
+          SelectFieldV2,
           {
             id: fieldId,
-            className: cn("payman-v2-ua-input", err && "payman-v2-ua-input-error"),
             value: String(values[key] ?? ""),
+            options: getOptions(field),
             disabled: locked,
-            onChange: (e) => setValue(key, e.target.value),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select\u2026" }),
-              getOptions(field).map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.const, children: opt.title || opt.const }, opt.const))
-            ]
+            error: Boolean(err),
+            onChange: (v) => setValue(key, v)
+          }
+        ) : widget === "decimal" ? /* @__PURE__ */ jsxRuntime.jsx(
+          AmountFieldV2,
+          {
+            id: fieldId,
+            value: String(values[key] ?? ""),
+            disabled: locked,
+            className: cn("payman-v2-ua-input", err && "payman-v2-ua-input-error"),
+            onChange: (v) => setValue(key, v),
+            onEnter: handleSubmit
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
             id: fieldId,
-            type: widget === "integer" || widget === "decimal" ? "number" : "text",
-            inputMode: widget === "integer" ? "numeric" : widget === "decimal" ? "decimal" : void 0,
-            step: widget === "decimal" ? "any" : widget === "integer" ? "1" : void 0,
+            type: widget === "integer" ? "number" : "text",
+            inputMode: widget === "integer" ? "numeric" : void 0,
+            step: widget === "integer" ? "1" : void 0,
             className: cn("payman-v2-ua-input", err && "payman-v2-ua-input-error"),
             value: String(values[key] ?? ""),
             disabled: locked,
@@ -4697,10 +5203,10 @@ function NotificationInline({ notification, onDismiss }) {
 }
 function useExpiryCountdown(prompt) {
   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(
+  const [secondsLeft, setSecondsLeft] = React.useState(
     () => deadlineMs !== void 0 ? Math.max(0, Math.ceil((deadlineMs - Date.now()) / 1e3)) : void 0
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (deadlineMs === void 0) {
       setSecondsLeft(void 0);
       return;
@@ -4735,12 +5241,16 @@ function UserActionInline({
   onSubmit,
   onCancel,
   onResend,
-  onExpired
+  onExpired,
+  suppressExpiredNote
 }) {
   const [secondsLeft, expired] = useExpiryCountdown(prompt);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (expired && prompt.kind !== "notification") onExpired?.();
   }, [expired, onExpired, prompt.kind]);
+  if (expired && prompt.kind !== "notification" && suppressExpiredNote) {
+    return null;
+  }
   let body;
   if (expired && prompt.kind !== "notification") {
     const note = {
@@ -4801,7 +5311,10 @@ function getPromptViewKey(prompt) {
     prompt.message ?? ""
   ].join(PROMPT_KEY_SEPARATOR);
 }
-var MessageListV2 = react.forwardRef(
+function getPromptMountKey(prompt) {
+  return [getPromptSlotKey(prompt), prompt.userActionId].join(PROMPT_KEY_SEPARATOR);
+}
+var MessageListV2 = React.forwardRef(
   function MessageListV22({
     messages,
     isStreaming = false,
@@ -4812,6 +5325,7 @@ var MessageListV2 = react.forwardRef(
     messageActions,
     retryDisabled = false,
     userActionPrompts,
+    dockedUserActionId,
     notifications,
     onSubmitUserAction,
     onCancelUserAction,
@@ -4821,25 +5335,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);
@@ -4865,7 +5379,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;
@@ -4882,7 +5396,7 @@ var MessageListV2 = react.forwardRef(
       },
       [messageActivityFingerprint, onExpireUserAction]
     );
-    react.useEffect(() => {
+    React.useEffect(() => {
       setExpiredPromptViewState((prev) => {
         let changed = false;
         const next = {};
@@ -4897,7 +5411,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) {
@@ -4918,21 +5432,22 @@ var MessageListV2 = react.forwardRef(
         return changed ? next : prev;
       });
     }, [userActionPrompts]);
-    const visibleUserActionPrompts = react.useMemo(
+    const visibleUserActionPrompts = React.useMemo(
       () => userActionPrompts?.filter((prompt) => {
+        if (prompt.userActionId === dockedUserActionId) return false;
         const promptKey = getPromptViewKey(prompt);
         return !expiredPromptViewState[promptKey]?.hidden;
       }),
-      [expiredPromptViewState, userActionPrompts]
+      [dockedUserActionId, 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;
@@ -4942,7 +5457,7 @@ var MessageListV2 = react.forwardRef(
       },
       [pinToBottom]
     );
-    react.useImperativeHandle(
+    React.useImperativeHandle(
       ref,
       () => ({
         scrollToBottom: (behavior = "smooth") => {
@@ -4955,7 +5470,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;
@@ -4976,7 +5491,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) {
@@ -4990,7 +5505,7 @@ var MessageListV2 = react.forwardRef(
         }
       }
     }, [messages.length, scrollToBottom]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       const inner = scrollInnerRef.current;
       if (!inner) return;
       const pinIfFollowing = () => {
@@ -5015,7 +5530,7 @@ var MessageListV2 = react.forwardRef(
         mo.disconnect();
       };
     }, [pinToBottom]);
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (messages.length > 0) {
         setTimeout(() => scrollToBottom("instant"), 50);
       }
@@ -5072,7 +5587,7 @@ var MessageListV2 = react.forwardRef(
                       onResend: onResendUserAction ?? noop,
                       onExpired: () => handleUserActionExpired(promptKey, prompt.userActionId)
                     },
-                    promptKey
+                    getPromptMountKey(prompt)
                   );
                 })
               ]
@@ -5104,7 +5619,7 @@ var MessageListV2 = react.forwardRef(
     ] });
   }
 );
-var ChatInputV2 = react.forwardRef(
+var ChatInputV2 = React.forwardRef(
   function ChatInputV22({
     onSend,
     disabled = false,
@@ -5128,20 +5643,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;
@@ -5152,14 +5667,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);
@@ -5169,7 +5684,7 @@ var ChatInputV2 = react.forwardRef(
       const frameId = requestAnimationFrame(() => textareaRef.current?.focus());
       return () => cancelAnimationFrame(frameId);
     }, [disabled]);
-    react.useImperativeHandle(
+    React.useImperativeHandle(
       ref,
       () => ({
         setDraft: (message) => {
@@ -5186,7 +5701,7 @@ var ChatInputV2 = react.forwardRef(
       }),
       [disabled]
     );
-    react.useEffect(() => {
+    React.useEffect(() => {
       if (!showActions) return;
       const handleClickOutside = (e) => {
         if (actionsRef.current && !actionsRef.current.contains(e.target)) {
@@ -5196,29 +5711,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) {
@@ -5238,7 +5753,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);
@@ -5294,14 +5809,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);
@@ -5618,14 +6133,459 @@ var ChatInputV2 = react.forwardRef(
     ] });
   }
 );
-
-// src/assets/thinking-atom.lottie
-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 dockKey(prompt) {
+  return `${prompt.toolCallId || prompt.userActionId}:${prompt.userActionId}`;
+}
+function UserActionDock({
+  prompt,
+  onSubmit,
+  onCancel,
+  onResend,
+  onExpired,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-ua-dock", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { layout: "size", transition: { duration: 0.3, ease: [0.2, 0, 0, 1] }, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: prompt ? /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.15 },
+      className: "payman-v2-ua-dock-panel",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        UserActionInline,
+        {
+          prompt,
+          onSubmit,
+          onCancel,
+          onResend,
+          onExpired: () => onExpired?.(prompt.userActionId),
+          suppressExpiredNote: true
+        }
+      )
+    },
+    dockKey(prompt)
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.15 },
+      children
+    },
+    "composer"
+  ) }) }) });
+}
+function clamp(value) {
+  return Math.max(0, Math.min(1, value));
+}
+function ensureFrameSize(frame, rows, cols) {
+  const result = [];
+  for (let r = 0; r < rows; r++) {
+    const row = frame[r] || [];
+    result.push([]);
+    for (let c = 0; c < cols; c++) {
+      result[r][c] = row[c] ?? 0;
+    }
+  }
+  return result;
+}
+function useAnimation(frames, options) {
+  const [frameIndex, setFrameIndex] = React.useState(0);
+  const [isPlaying, setIsPlaying] = React.useState(options.autoplay);
+  const frameIdRef = React.useRef(void 0);
+  const lastTimeRef = React.useRef(0);
+  const accumulatorRef = React.useRef(0);
+  React.useEffect(() => {
+    if (!frames || frames.length === 0 || !isPlaying) {
+      return;
+    }
+    const frameInterval = 1e3 / options.fps;
+    const animate = (currentTime) => {
+      if (lastTimeRef.current === 0) {
+        lastTimeRef.current = currentTime;
+      }
+      const deltaTime = currentTime - lastTimeRef.current;
+      lastTimeRef.current = currentTime;
+      accumulatorRef.current += deltaTime;
+      if (accumulatorRef.current >= frameInterval) {
+        accumulatorRef.current -= frameInterval;
+        setFrameIndex((prev) => {
+          const next = prev + 1;
+          if (next >= frames.length) {
+            if (options.loop) {
+              options.onFrame?.(0);
+              return 0;
+            } else {
+              setIsPlaying(false);
+              return prev;
+            }
+          }
+          options.onFrame?.(next);
+          return next;
+        });
+      }
+      frameIdRef.current = requestAnimationFrame(animate);
+    };
+    frameIdRef.current = requestAnimationFrame(animate);
+    return () => {
+      if (frameIdRef.current) {
+        cancelAnimationFrame(frameIdRef.current);
+      }
+    };
+  }, [frames, isPlaying, options.fps, options.loop, options.onFrame]);
+  React.useEffect(() => {
+    setFrameIndex(0);
+    setIsPlaying(options.autoplay);
+    lastTimeRef.current = 0;
+    accumulatorRef.current = 0;
+  }, [frames, options.autoplay]);
+  return { frameIndex, isPlaying };
+}
+function emptyFrame(rows, cols) {
+  return Array.from({ length: rows }, () => Array(cols).fill(0));
+}
+function setPixel(frame, row, col, value) {
+  if (row >= 0 && row < frame.length && col >= 0 && col < frame[0].length) {
+    frame[row][col] = value;
+  }
+}
+var loader = (() => {
+  const frames = [];
+  const size = 7;
+  const center = 3;
+  const radius = 2.5;
+  for (let frame = 0; frame < 12; frame++) {
+    const f = emptyFrame(size, size);
+    for (let i = 0; i < 8; i++) {
+      const angle = frame / 12 * Math.PI * 2 + i / 8 * Math.PI * 2;
+      const x = Math.round(center + Math.cos(angle) * radius);
+      const y = Math.round(center + Math.sin(angle) * radius);
+      const brightness = 1 - i / 10;
+      setPixel(f, y, x, Math.max(0.2, brightness));
+    }
+    frames.push(f);
+  }
+  return frames;
+})();
+var pulse = (() => {
+  const frames = [];
+  const size = 7;
+  const center = 3;
+  for (let frame = 0; frame < 16; frame++) {
+    const f = emptyFrame(size, size);
+    const phase = frame / 16 * Math.PI * 2;
+    const intensity = (Math.sin(phase) + 1) / 2;
+    setPixel(f, center, center, 1);
+    const radius = Math.floor((1 - intensity) * 3) + 1;
+    for (let dy = -radius; dy <= radius; dy++) {
+      for (let dx = -radius; dx <= radius; dx++) {
+        const dist = Math.sqrt(dx * dx + dy * dy);
+        if (Math.abs(dist - radius) < 0.7) {
+          setPixel(f, center + dy, center + dx, intensity * 0.6);
+        }
+      }
+    }
+    frames.push(f);
+  }
+  return frames;
+})();
+function vu(columns, levels) {
+  const rows = 7;
+  const frame = emptyFrame(rows, columns);
+  for (let col = 0; col < Math.min(columns, levels.length); col++) {
+    const level = Math.max(0, Math.min(1, levels[col]));
+    const height = Math.floor(level * rows);
+    for (let row = 0; row < rows; row++) {
+      const rowFromBottom = rows - 1 - row;
+      if (rowFromBottom < height) {
+        let brightness = 1;
+        if (row < rows * 0.3) {
+          brightness = 1;
+        } else if (row < rows * 0.6) {
+          brightness = 0.8;
+        } else {
+          brightness = 0.6;
+        }
+        frame[row][col] = brightness;
+      }
+    }
+  }
+  return frame;
+}
+var wave = (() => {
+  const frames = [];
+  const rows = 7;
+  const cols = 7;
+  for (let frame = 0; frame < 24; frame++) {
+    const f = emptyFrame(rows, cols);
+    const phase = frame / 24 * Math.PI * 2;
+    for (let col = 0; col < cols; col++) {
+      const colPhase = col / cols * Math.PI * 2;
+      const height = Math.sin(phase + colPhase) * 2.5 + 3.5;
+      const row = Math.floor(height);
+      if (row >= 0 && row < rows) {
+        setPixel(f, row, col, 1);
+        const frac = height - row;
+        if (row > 0) setPixel(f, row - 1, col, 1 - frac);
+        if (row < rows - 1) setPixel(f, row + 1, col, frac);
+      }
+    }
+    frames.push(f);
+  }
+  return frames;
+})();
+var snake = (() => {
+  const frames = [];
+  const rows = 7;
+  const cols = 7;
+  const path = [];
+  let x = 0;
+  let y = 0;
+  let dx = 1;
+  let dy = 0;
+  const visited = /* @__PURE__ */ new Set();
+  while (path.length < rows * cols) {
+    path.push([y, x]);
+    visited.add(`${y},${x}`);
+    const nextX = x + dx;
+    const nextY = y + dy;
+    if (nextX >= 0 && nextX < cols && nextY >= 0 && nextY < rows && !visited.has(`${nextY},${nextX}`)) {
+      x = nextX;
+      y = nextY;
+    } else {
+      const newDx = -dy;
+      const newDy = dx;
+      dx = newDx;
+      dy = newDy;
+      const nextX2 = x + dx;
+      const nextY2 = y + dy;
+      if (nextX2 >= 0 && nextX2 < cols && nextY2 >= 0 && nextY2 < rows && !visited.has(`${nextY2},${nextX2}`)) {
+        x = nextX2;
+        y = nextY2;
+      } else {
+        break;
+      }
+    }
+  }
+  const snakeLength = 5;
+  for (let frame = 0; frame < path.length; frame++) {
+    const f = emptyFrame(rows, cols);
+    for (let i = 0; i < snakeLength; i++) {
+      const idx = frame - i;
+      if (idx >= 0 && idx < path.length) {
+        const [y2, x2] = path[idx];
+        const brightness = 1 - i / snakeLength;
+        setPixel(f, y2, x2, brightness);
+      }
+    }
+    frames.push(f);
+  }
+  return frames;
+})();
+var Matrix = React__namespace.forwardRef(
+  ({
+    rows,
+    cols,
+    pattern,
+    frames,
+    fps = 12,
+    autoplay = true,
+    loop = true,
+    size = 10,
+    gap = 2,
+    palette = {
+      on: "currentColor",
+      off: "var(--muted-foreground)"
+    },
+    brightness = 1,
+    ariaLabel,
+    onFrame,
+    mode = "default",
+    levels,
+    className,
+    ...props
+  }, ref) => {
+    const { frameIndex } = useAnimation(frames, {
+      fps,
+      autoplay: autoplay && !pattern,
+      loop,
+      onFrame
+    });
+    const currentFrame = React.useMemo(() => {
+      if (mode === "vu" && levels && levels.length > 0) {
+        return ensureFrameSize(vu(cols, levels), rows, cols);
+      }
+      if (pattern) {
+        return ensureFrameSize(pattern, rows, cols);
+      }
+      if (frames && frames.length > 0) {
+        return ensureFrameSize(frames[frameIndex] || frames[0], rows, cols);
+      }
+      return ensureFrameSize([], rows, cols);
+    }, [pattern, frames, frameIndex, rows, cols, mode, levels]);
+    const cellPositions = React.useMemo(() => {
+      const positions = [];
+      for (let row = 0; row < rows; row++) {
+        positions[row] = [];
+        for (let col = 0; col < cols; col++) {
+          positions[row][col] = {
+            x: col * (size + gap),
+            y: row * (size + gap)
+          };
+        }
+      }
+      return positions;
+    }, [rows, cols, size, gap]);
+    const svgDimensions = React.useMemo(() => {
+      return {
+        width: cols * (size + gap) - gap,
+        height: rows * (size + gap) - gap
+      };
+    }, [rows, cols, size, gap]);
+    const isAnimating = !pattern && frames && frames.length > 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "img",
+        "aria-label": ariaLabel ?? "matrix display",
+        "aria-live": isAnimating ? "polite" : void 0,
+        className: cn("relative inline-block", className),
+        style: {
+          "--matrix-on": palette.on,
+          "--matrix-off": palette.off,
+          "--matrix-gap": `${gap}px`,
+          "--matrix-size": `${size}px`
+        },
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: svgDimensions.width,
+            height: svgDimensions.height,
+            viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "block",
+            style: { overflow: "visible" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { id: "matrix-pixel-on", cx: "50%", cy: "50%", r: "50%", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "var(--matrix-on)", stopOpacity: "1" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "stop",
+                    {
+                      offset: "70%",
+                      stopColor: "var(--matrix-on)",
+                      stopOpacity: "0.85"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "stop",
+                    {
+                      offset: "100%",
+                      stopColor: "var(--matrix-on)",
+                      stopOpacity: "0.6"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", { id: "matrix-pixel-off", cx: "50%", cy: "50%", r: "50%", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "stop",
+                    {
+                      offset: "0%",
+                      stopColor: "var(--muted-foreground)",
+                      stopOpacity: "1"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "stop",
+                    {
+                      offset: "100%",
+                      stopColor: "var(--muted-foreground)",
+                      stopOpacity: "0.7"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "filter",
+                  {
+                    id: "matrix-glow",
+                    x: "-50%",
+                    y: "-50%",
+                    width: "200%",
+                    height: "200%",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2", result: "blur" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("feComposite", { in: "SourceGraphic", in2: "blur", operator: "over" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+              .matrix-pixel {
+                transition: opacity 300ms ease-out, transform 150ms ease-out;
+                transform-origin: center;
+                transform-box: fill-box;
+              }
+              .matrix-pixel-active {
+                filter: url(#matrix-glow);
+              }
+            ` }),
+              currentFrame.map(
+                (row, rowIndex) => row.map((value, colIndex) => {
+                  const pos = cellPositions[rowIndex]?.[colIndex];
+                  if (!pos) return null;
+                  const opacity = clamp(brightness * value);
+                  const isActive = opacity > 0.5;
+                  const isOn = opacity > 0.05;
+                  const fill = isOn ? "url(#matrix-pixel-on)" : "url(#matrix-pixel-off)";
+                  const scale = isActive ? 1.1 : 1;
+                  const radius = size / 2 * 0.9;
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "circle",
+                    {
+                      className: cn(
+                        "matrix-pixel",
+                        isActive && "matrix-pixel-active",
+                        !isOn && "opacity-20 dark:opacity-[0.1]"
+                      ),
+                      cx: pos.x + size / 2,
+                      cy: pos.y + size / 2,
+                      r: radius,
+                      fill,
+                      opacity: isOn ? opacity : 0.1,
+                      style: {
+                        transform: `scale(${scale})`
+                      }
+                    },
+                    `${rowIndex}-${colIndex}`
+                  );
+                })
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Matrix.displayName = "Matrix";
+var DEFAULT_SIZE = 22;
+var MATRIX_GRID = 7;
+var MATRIX_ON = "var(--payman-v2-matrix-color)";
+var MATRIX_PRESETS = [
+  { frames: loader, fps: 8 },
+  { frames: wave, fps: 14 },
+  { frames: snake, fps: 16 },
+  { frames: pulse, fps: 12 }
+];
+var PRESET_ROTATE_MS = 1e4;
 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);
@@ -5642,12 +6602,37 @@ function useElapsedSeconds(isStreaming) {
   }, [isStreaming]);
   return elapsed;
 }
+function useMatrixPresetIndex(isStreaming) {
+  const [index, setIndex] = React.useState(0);
+  React.useEffect(() => {
+    if (!isStreaming) return;
+    setIndex(0);
+    const id = setInterval(() => {
+      setIndex((prev) => (prev + 1) % MATRIX_PRESETS.length);
+    }, PRESET_ROTATE_MS);
+    return () => clearInterval(id);
+  }, [isStreaming]);
+  return index;
+}
+function formatElapsed(totalSeconds) {
+  if (totalSeconds < 60) return `${totalSeconds}s`;
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}m ${seconds}s`;
+}
 function StreamingIndicatorV2({
   isStreaming,
   loadingAnimation
 }) {
   const size = loadingAnimation?.size ?? DEFAULT_SIZE;
   const elapsed = useElapsedSeconds(isStreaming);
+  const presetIndex = useMatrixPresetIndex(isStreaming);
+  const preset = MATRIX_PRESETS[presetIndex];
+  const gap = 1;
+  const cell = React.useMemo(
+    () => Math.max(2, Math.round((size - (MATRIX_GRID - 1) * gap) / MATRIX_GRID)),
+    [size]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isStreaming && /* @__PURE__ */ jsxRuntime.jsxs(
     framerMotion.motion.div,
     {
@@ -5663,43 +6648,84 @@ function StreamingIndicatorV2({
           {
             className: "payman-v2-streaming-indicator-glyph",
             style: { width: size, height: size },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              dotlottieReact.DotLottieReact,
-              {
-                src: loadingAnimation?.src ?? thinking_atom_default,
-                loop: true,
-                autoplay: true,
-                style: { width: "100%", height: "100%" }
-              }
+            children: loadingAnimation?.src ? (
+              // Consumer override: render their Lottie animation.
+              /* @__PURE__ */ jsxRuntime.jsx(
+                dotlottieReact.DotLottieReact,
+                {
+                  src: loadingAnimation.src,
+                  loop: true,
+                  autoplay: true,
+                  style: { width: "100%", height: "100%" }
+                }
+              )
+            ) : (
+              // Default: dot-matrix glyph, cycling presets +
+              // Payman brand tint. Each preset lives in its own
+              // keyed motion layer so swapping presets crossfades
+              // (old scales/fades out while the new scales/fades
+              // in) instead of hard-cutting. Keying the layer on
+              // `presetIndex` also remounts the Matrix, restarting
+              // its frame counter cleanly at frame 0.
+              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  className: "payman-v2-streaming-indicator-matrix",
+                  initial: { opacity: 0, scale: 0.8 },
+                  animate: { opacity: 1, scale: 1 },
+                  exit: { opacity: 0, scale: 0.8 },
+                  transition: { duration: 0.45, ease: [0.2, 0, 0, 1] },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Matrix,
+                    {
+                      rows: MATRIX_GRID,
+                      cols: MATRIX_GRID,
+                      frames: preset.frames,
+                      fps: preset.fps,
+                      size: cell,
+                      gap,
+                      palette: {
+                        on: MATRIX_ON,
+                        // Unlit dots use the v2 theme's own muted-text
+                        // token (light/dark-aware), not the bare
+                        // `--muted-foreground` the vendored Matrix
+                        // component falls back to internally — that
+                        // variable isn't defined under `.payman-v2-root`
+                        // and would otherwise resolve to black.
+                        off: "var(--payman-v2-matrix-dot-off)"
+                      },
+                      ariaLabel: "Working\u2026"
+                    }
+                  )
+                },
+                presetIndex
+              ) })
             )
           }
         ),
-        elapsed > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "payman-v2-streaming-indicator-elapsed", children: [
-          elapsed,
-          "s"
-        ] })
+        elapsed > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-streaming-indicator-elapsed", children: formatElapsed(elapsed) })
       ]
     },
     "streaming-indicator"
   ) });
 }
 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;
@@ -5848,10 +6874,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);
@@ -5873,7 +6899,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;
@@ -5882,7 +6908,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
@@ -6143,12 +7169,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) {
@@ -6164,13 +7190,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?.(),
@@ -6219,7 +7245,7 @@ function useSentryChatCallbacks(callbacks, config) {
     []
   );
 }
-var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
+var PaymanChatInner = React.forwardRef(function PaymanChatInner2({
   config,
   callbacks = {},
   className,
@@ -6230,18 +7256,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);
     }
@@ -6257,7 +7283,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
     getSessionId,
     getMessages
   } = chat;
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (resetToEmptyStateRef.current) {
       if (messages.length === 0) {
         setHasEverSentMessage(false);
@@ -6269,7 +7295,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"
@@ -6285,6 +7311,15 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
   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 expiredUserActionIdsRef = React.useRef(/* @__PURE__ */ new Set());
+  const expireUserActionOnce = React.useCallback(
+    (userActionId) => {
+      if (expiredUserActionIdsRef.current.has(userActionId)) return;
+      expiredUserActionIdsRef.current.add(userActionId);
+      void expireUserAction2(userActionId);
+    },
+    [expireUserAction2]
+  );
   const {
     transcribedText,
     isAvailable: voiceAvailable,
@@ -6308,7 +7343,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       }
     }
   );
-  const contextValue = react.useMemo(
+  const contextValue = React.useMemo(
     () => ({
       resetSession,
       clearMessages,
@@ -6335,8 +7370,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");
@@ -6367,14 +7402,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);
@@ -6395,13 +7430,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,
@@ -6440,7 +7475,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,
@@ -6456,18 +7491,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;
@@ -6527,6 +7562,9 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
   };
   const userActionPrompts = isUserActionSupported ? userActionState.prompts : void 0;
   const notifications = userActionState.notifications;
+  const dockedPrompt = userActionPrompts?.find(
+    (prompt) => prompt.kind !== "notification" && (prompt.status === "pending" || prompt.status === "submitting" || prompt.status === "stale")
+  );
   const handleV2Send = (text) => {
     if (isRecording) stopRecording();
     if (text.trim() && !disableInput && isSessionParamsConfigured) {
@@ -6534,7 +7572,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();
@@ -6543,7 +7581,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);
@@ -6552,7 +7590,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"
@@ -6569,7 +7607,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(
@@ -6679,11 +7717,12 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
                   retryDisabled: isWaitingForResponse,
                   typingSpeed: config.typingSpeed ?? 4,
                   userActionPrompts,
+                  dockedUserActionId: dockedPrompt?.userActionId,
                   notifications,
                   onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
                   onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
                   onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
-                  onExpireUserAction: isUserActionSupported ? expireUserAction2 : void 0,
+                  onExpireUserAction: isUserActionSupported ? async (id) => expireUserActionOnce(id) : void 0,
                   onDismissNotification: dismissNotification,
                   onSubmitFeedback: handleSubmitFeedback
                 }
@@ -6696,33 +7735,43 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
                 }
               ),
               hasAskPermission && /* @__PURE__ */ jsxRuntime.jsx(
-                ChatInputV2,
+                UserActionDock,
                 {
-                  ref: chatInputV2Ref,
-                  onSend: handleV2Send,
-                  onCancel: cancelStream,
-                  disabled: isV2InputDisabled,
-                  isStreaming: isWaitingForResponse,
-                  placeholder: isRecording ? "Listening..." : placeholder,
-                  enableVoice: config.enableVoice === true,
-                  transcribedText: config.enableVoice === true ? transcribedText : "",
-                  voiceAvailable: config.enableVoice === true && voiceAvailable,
-                  isRecording,
-                  onVoicePress: config.enableVoice === true ? handleVoicePress : void 0,
-                  onCancelRecording: handleCancelRecording,
-                  onConfirmRecording: handleConfirmRecording,
-                  showResetSession,
-                  onResetSession: requestResetSession,
-                  showAttachmentButton,
-                  showUploadImageButton,
-                  showAttachFileButton,
-                  onUploadImageClick,
-                  onAttachFileClick,
-                  editingMessageId,
-                  onClearEditing: handleClearEditing,
-                  analysisMode: enableDeepModeToggle ? analysisMode : void 0,
-                  onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
-                  slashCommands
+                  prompt: isUserActionSupported ? dockedPrompt : void 0,
+                  onSubmit: submitUserAction2,
+                  onCancel: cancelUserAction2,
+                  onResend: resendUserAction2,
+                  onExpired: expireUserActionOnce,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ChatInputV2,
+                    {
+                      ref: chatInputV2Ref,
+                      onSend: handleV2Send,
+                      onCancel: cancelStream,
+                      disabled: isV2InputDisabled,
+                      isStreaming: isWaitingForResponse,
+                      placeholder: isRecording ? "Listening..." : placeholder,
+                      enableVoice: config.enableVoice === true,
+                      transcribedText: config.enableVoice === true ? transcribedText : "",
+                      voiceAvailable: config.enableVoice === true && voiceAvailable,
+                      isRecording,
+                      onVoicePress: config.enableVoice === true ? handleVoicePress : void 0,
+                      onCancelRecording: handleCancelRecording,
+                      onConfirmRecording: handleConfirmRecording,
+                      showResetSession,
+                      onResetSession: requestResetSession,
+                      showAttachmentButton,
+                      showUploadImageButton,
+                      showAttachFileButton,
+                      onUploadImageClick,
+                      onAttachFileClick,
+                      editingMessageId,
+                      onClearEditing: handleClearEditing,
+                      analysisMode: enableDeepModeToggle ? analysisMode : void 0,
+                      onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
+                      slashCommands
+                    }
+                  )
                 }
               )
             ]
@@ -6759,7 +7808,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);