@paymanai/payman-ask-sdk 4.0.18 → 4.0.20

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { createContext, forwardRef, useCallback, useRef, useState, useMemo, useEffect, useImperativeHandle, useLayoutEffect, useContext } from 'react';
+import { createContext, forwardRef, useCallback, useRef, useState, useImperativeHandle, useEffect, useContext, useMemo, useLayoutEffect, Children, isValidElement } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as Sentry from '@sentry/react';
-import { ArrowDown, Pencil, X, RotateCcw, Telescope, Zap, Plus, ImagePlus, Paperclip, Mic, ArrowUp, Check, AlertCircle, Copy, WifiOff, ThumbsUp, ThumbsDown, Binoculars, Info, Download, Loader2, ChevronDown, User, Clock, Sparkles, ImageOff, Eye, ChevronRight, ShieldCheck } from 'lucide-react';
+import { ArrowDown, Loader2, FileText, X, Pencil, RotateCcw, Telescope, Zap, Plus, ImagePlus, Paperclip, Mic, ArrowUp, Check, AlertCircle, Copy, WifiOff, ThumbsUp, ThumbsDown, Binoculars, Info, Download, ChevronDown, RefreshCw, ExternalLink, User, Clock, Sparkles, ImageOff, Eye, ChevronRight, ShieldCheck } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { createPortal } from 'react-dom';
@@ -13,7 +13,10 @@ import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, key + "", value);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp2 = Object.defineProperty;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField2 = (obj, key, value) => __defNormalProp2(obj, key + "", value);
 function generateId() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
     const r = Math.random() * 16 | 0;
@@ -709,7 +712,8 @@ function buildRequestBody(config, userMessage, sessionId, options) {
     sessionAttributes,
     analysisMode: options?.analysisMode,
     locale: resolveLocale(config.locale),
-    timezone: resolveTimezone(config.timezone)
+    timezone: resolveTimezone(config.timezone),
+    ...options?.attachments?.length ? { attachments: options.attachments } : {}
   };
 }
 function resolveLocale(configured) {
@@ -754,6 +758,7 @@ function buildResolveImagesUrl(config) {
   const basePath = normalizedEndpointPath.endsWith("/stream") ? normalizedEndpointPath.slice(0, -"/stream".length) : normalizedEndpointPath;
   return `${config.api.baseUrl}${basePath}/resolve-image-urls`;
 }
+var NGROK_SKIP_BROWSER_WARNING = "ngrok-skip-browser-warning";
 function buildRequestHeaders(config) {
   const headers = {
     ...config.api.headers
@@ -761,6 +766,9 @@ function buildRequestHeaders(config) {
   if (config.api.authToken) {
     headers.Authorization = `Bearer ${config.api.authToken}`;
   }
+  if (!headers[NGROK_SKIP_BROWSER_WARNING]) {
+    headers[NGROK_SKIP_BROWSER_WARNING] = "true";
+  }
   return headers;
 }
 var RAG_IMAGE_REGEX = /\/api\/rag\/chunks\/[^"'\s]+\/image/;
@@ -846,17 +854,6 @@ function useStreamManagerV2(config, callbacks, setMessages, setIsWaitingForRespo
           signal: abortController.signal,
           onEvent: (event) => {
             if (abortController.signal.aborted) return;
-            try {
-              const et = event?.eventType;
-              if (et === "RUN_IN_PROGRESS" || et === "INTENT_PROGRESS" || et === "THINKING_DELTA") {
-                const len = (event.partialText ?? event.text ?? "").length;
-                console.log(`[stream] ${et} (+${len} chars)`);
-              } else {
-                console.log(`[stream] ${et ?? "?"}:`, JSON.stringify(event));
-              }
-            } catch {
-              console.log("[stream] (unserializable event)", event?.eventType);
-            }
             processStreamEventV2(event, state);
             if (state.lastUserAction) {
               callbacksRef.current.onUserActionRequired?.(state.lastUserAction);
@@ -1052,10 +1049,85 @@ function createCancelledMessageUpdate(steps, currentMessage) {
     currentMessage: currentMessage || "Thinking..."
   };
 }
+var DEFAULT_SIGNED_URL_ENDPOINT = "/api/files/signed-url";
+function fileExtension(filename) {
+  const ext = filename.split(".").pop()?.toLowerCase().replace(/^\./, "");
+  return ext && ext.length > 0 ? ext : "bin";
+}
+function resolveMimeType(file) {
+  if (file.type && file.type.trim().length > 0) return file.type;
+  const ext = fileExtension(file.name);
+  const byExt = {
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    webp: "image/webp"
+  };
+  return byExt[ext] ?? "application/octet-stream";
+}
+function buildSignedUrlEndpoint(config, ext) {
+  const endpoint = config.api.signedUrlEndpoint || DEFAULT_SIGNED_URL_ENDPOINT;
+  const queryParams = new URLSearchParams({ extn: ext.replace(/^\./, "") });
+  return `${config.api.baseUrl}${endpoint}?${queryParams.toString()}`;
+}
+async function requestSignedUrl(config, ext, signal) {
+  const url = buildSignedUrlEndpoint(config, ext);
+  const headers = buildRequestHeaders(config);
+  const response = await fetch(url, {
+    method: "GET",
+    headers,
+    signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => "");
+    throw new Error(
+      errorText ? `Failed to get upload URL (${response.status}): ${errorText}` : `Failed to get upload URL (${response.status})`
+    );
+  }
+  const data = await response.json();
+  if (!data.key || !data.url) {
+    throw new Error("Signed URL response missing key or url");
+  }
+  return { key: data.key, url: data.url };
+}
+async function uploadToSignedUrl(signedUrl, file, mimeType, signal) {
+  const response = await fetch(signedUrl, {
+    method: "PUT",
+    headers: {
+      "Content-Type": mimeType,
+      "x-ms-blob-type": "BlockBlob"
+    },
+    body: file,
+    signal
+  });
+  if (!response.ok) {
+    const errorText = await response.text().catch(() => "");
+    throw new Error(
+      errorText ? `Failed to upload file (${response.status}): ${errorText}` : `Failed to upload file (${response.status})`
+    );
+  }
+}
+async function uploadAttachment(config, file, signal) {
+  const ext = fileExtension(file.name);
+  const mimeType = resolveMimeType(file);
+  const { key, url } = await requestSignedUrl(config, ext, signal);
+  await uploadToSignedUrl(url, file, mimeType, signal);
+  return {
+    tempKey: key,
+    filename: file.name,
+    mimeType
+  };
+}
+async function uploadAttachments(config, files, signal) {
+  const uploads = files.map((file) => uploadAttachment(config, file, signal));
+  return Promise.all(uploads);
+}
 var UserActionStaleError = class extends Error {
   constructor(userActionId, message = "User action is no longer actionable") {
     super(message);
-    __publicField(this, "userActionId");
+    __publicField2(this, "userActionId");
     this.name = "UserActionStaleError";
     this.userActionId = userActionId;
   }
@@ -1116,12 +1188,32 @@ function getStoredOrInitialMessages(config) {
 function getSessionIdFromMessages(messages) {
   return messages.find((message) => message.sessionId)?.sessionId;
 }
+var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "avif"]);
+function attachmentKindFromFile(file) {
+  const ext = file.name.split(".").pop()?.toLowerCase() ?? "";
+  if (IMAGE_EXTENSIONS.has(ext) || file.type.startsWith("image/")) return "image";
+  return "file";
+}
+function buildMessageAttachments(files) {
+  return files.map((file, index) => {
+    const kind = attachmentKindFromFile(file);
+    return {
+      id: `att-${Date.now()}-${index}`,
+      filename: file.name,
+      mimeType: file.type || "application/octet-stream",
+      // Blob URL for all local files so PDFs/docs stay previewable after send.
+      previewUrl: URL.createObjectURL(file),
+      kind
+    };
+  });
+}
 function useChatV2(config, callbacks = {}) {
   const [messages, setMessages] = useState(() => getStoredOrInitialMessages(config));
   const [isWaitingForResponse, setIsWaitingForResponse] = useState(() => {
     if (!config.userId) return false;
     return activeStreamStore.get(config.userId)?.isWaiting ?? false;
   });
+  const [isUploadingAttachments, setIsUploadingAttachments] = useState(false);
   const sessionIdRef = useRef(
     getSessionIdFromMessages(getStoredOrInitialMessages(config)) ?? config.initialSessionId ?? void 0
   );
@@ -1196,21 +1288,45 @@ function useChatV2(config, callbacks = {}) {
   );
   const sendMessage = useCallback(
     async (userMessage, options) => {
-      if (!userMessage.trim()) return;
+      const trimmedMessage = userMessage.trim();
+      const files = options?.files ?? [];
+      const hasPreuploadedAttachments = (options?.attachments?.length ?? 0) > 0;
+      if (!trimmedMessage && files.length === 0 && !hasPreuploadedAttachments) return;
+      let streamAttachments = options?.attachments;
+      if (!streamAttachments && files.length > 0) {
+        setIsUploadingAttachments(true);
+        try {
+          streamAttachments = await uploadAttachments(configRef.current, files);
+        } catch (error) {
+          if (error.name !== "AbortError") {
+            callbacksRef.current.onError?.(error);
+          }
+          throw error;
+        } finally {
+          setIsUploadingAttachments(false);
+        }
+      }
       if (!sessionIdRef.current && configRef.current.autoGenerateSessionId !== false) {
         sessionIdRef.current = generateId();
         callbacksRef.current.onSessionIdChange?.(sessionIdRef.current);
       }
+      const messageAttachments = files.length > 0 ? buildMessageAttachments(files) : streamAttachments?.length ? streamAttachments.map((attachment, index) => ({
+        id: `att-${Date.now()}-${index}`,
+        filename: attachment.filename,
+        mimeType: attachment.mimeType,
+        kind: attachment.mimeType.startsWith("image/") ? "image" : "file"
+      })) : void 0;
       const userMessageId = `user-${Date.now()}`;
       const userMsg = {
         id: userMessageId,
         sessionId: sessionIdRef.current,
         role: "user",
-        content: userMessage,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        content: trimmedMessage,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        attachments: messageAttachments
       };
       setMessages((prev) => [...prev, userMsg]);
-      callbacksRef.current.onMessageSent?.(userMessage);
+      callbacksRef.current.onMessageSent?.(trimmedMessage);
       setIsWaitingForResponse(true);
       callbacksRef.current.onStreamStart?.();
       const streamingId = `assistant-${Date.now()}`;
@@ -1237,11 +1353,14 @@ function useChatV2(config, callbacks = {}) {
         activeStreamStore.start(userId, abortController, initialMessages);
       }
       const newSessionId = await startStream(
-        userMessage,
+        trimmedMessage,
         streamingId,
         sessionIdRef.current,
         abortController,
-        options
+        {
+          analysisMode: options?.analysisMode,
+          attachments: streamAttachments
+        }
       );
       const finalStreamUserId = streamUserIdRef.current ?? userId;
       if (finalStreamUserId) {
@@ -1419,6 +1538,18 @@ function useChatV2(config, callbacks = {}) {
     setMessages(config.initialMessages);
     sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? config.initialSessionId;
   }, [config.initialMessages, config.initialSessionId, config.userId]);
+  const hydratedSessionIdRef = useRef(void 0);
+  useEffect(() => {
+    if (config.userId) return;
+    if (!config.initialMessages?.length) return;
+    const sessionId = config.initialSessionId;
+    if (hydratedSessionIdRef.current === sessionId && messagesRef.current.length > 0) {
+      return;
+    }
+    hydratedSessionIdRef.current = sessionId;
+    setMessages(config.initialMessages);
+    sessionIdRef.current = getSessionIdFromMessages(config.initialMessages) ?? sessionId;
+  }, [config.initialMessages, config.initialSessionId, config.userId]);
   useEffect(() => {
     const prevUserId = prevUserIdRef.current;
     prevUserIdRef.current = config.userId;
@@ -1453,6 +1584,7 @@ function useChatV2(config, callbacks = {}) {
     getSessionId,
     getMessages,
     isWaitingForResponse,
+    isUploadingAttachments,
     sessionId: sessionIdRef.current,
     userActionState,
     submitUserAction: submitUserAction2,
@@ -1676,6 +1808,102 @@ function useVoice(config = {}, callbacks = {}) {
     reset
   };
 }
+function useAttachmentUpload(config) {
+  const configRef = useRef(config);
+  configRef.current = config;
+  const [entries, setEntries] = useState(/* @__PURE__ */ new Map());
+  const [orderedIds, setOrderedIds] = useState([]);
+  const abortControllersRef = useRef(/* @__PURE__ */ new Map());
+  const activeIdsRef = useRef(/* @__PURE__ */ new Set());
+  const startUpload = useCallback((id, file) => {
+    if (activeIdsRef.current.has(id)) return;
+    activeIdsRef.current.add(id);
+    const controller = new AbortController();
+    abortControllersRef.current.set(id, controller);
+    setEntries((prev) => {
+      const next = new Map(prev);
+      next.set(id, { id, status: "uploading" });
+      return next;
+    });
+    void uploadAttachment(configRef.current, file, controller.signal).then((payload) => {
+      if (controller.signal.aborted) return;
+      setEntries((prev) => {
+        const next = new Map(prev);
+        next.set(id, { id, status: "done", payload });
+        return next;
+      });
+    }).catch((error) => {
+      if (error.name === "AbortError") return;
+      setEntries((prev) => {
+        const next = new Map(prev);
+        next.set(id, {
+          id,
+          status: "error",
+          error: error.message || "Upload failed"
+        });
+        return next;
+      });
+    }).finally(() => {
+      abortControllersRef.current.delete(id);
+    });
+  }, []);
+  const syncAttachments = useCallback(
+    (attachments) => {
+      const nextIds = attachments.map((attachment) => attachment.id);
+      setOrderedIds(nextIds);
+      const nextIdSet = new Set(nextIds);
+      for (const id of activeIdsRef.current) {
+        if (nextIdSet.has(id)) continue;
+        abortControllersRef.current.get(id)?.abort();
+        abortControllersRef.current.delete(id);
+        activeIdsRef.current.delete(id);
+      }
+      setEntries((prev) => {
+        const next = new Map(prev);
+        for (const id of next.keys()) {
+          if (!nextIdSet.has(id)) next.delete(id);
+        }
+        return next;
+      });
+      for (const attachment of attachments) {
+        startUpload(attachment.id, attachment.file);
+      }
+    },
+    [startUpload]
+  );
+  const clearAll = useCallback(() => {
+    for (const controller of abortControllersRef.current.values()) {
+      controller.abort();
+    }
+    abortControllersRef.current.clear();
+    activeIdsRef.current.clear();
+    setOrderedIds([]);
+    setEntries(/* @__PURE__ */ new Map());
+  }, []);
+  const entryList = useMemo(
+    () => orderedIds.map((id) => entries.get(id)).filter((entry) => entry != null),
+    [entries, orderedIds]
+  );
+  const isUploading = entryList.some((entry) => entry.status === "uploading");
+  const hasErrors = entryList.some((entry) => entry.status === "error");
+  const allReady = orderedIds.length === 0 || orderedIds.every((id) => entries.get(id)?.status === "done");
+  const payloads = entryList.filter((entry) => entry.status === "done" && entry.payload).map((entry) => entry.payload);
+  const statusById = useMemo(
+    () => Object.fromEntries(
+      entryList.map((entry) => [entry.id, entry.status])
+    ),
+    [entryList]
+  );
+  return {
+    syncAttachments,
+    clearAll,
+    isUploading,
+    hasErrors,
+    allReady,
+    payloads,
+    statusById
+  };
+}
 function classifyField(field) {
   if (!field) return "text";
   if (Array.isArray(field.oneOf) && field.oneOf.length > 0) return "select";
@@ -1792,6 +2020,66 @@ function buildContent(schema, values) {
   }
   return content;
 }
+var ATTACHMENTS_SUFFIX_RE = /\n\n\[Attachments:[^\]]*\]\s*$/;
+function stripAttachmentsSuffixFromIntent(intent) {
+  return intent.replace(ATTACHMENTS_SUFFIX_RE, "").trimEnd();
+}
+function mapFeedback(feedback) {
+  if (!feedback?.feedback) return null;
+  return feedback.feedback === "POSITIVE" ? "up" : "down";
+}
+function mapHistoryAttachments(executionId, attachments) {
+  const mapped = (attachments ?? []).map((attachment, index) => ({
+    id: `${executionId}:att:${index}`,
+    filename: attachment.filename,
+    mimeType: attachment.mimeType,
+    url: attachment.url ?? void 0,
+    kind: attachment.mimeType.startsWith("image/") ? "image" : "file"
+  }));
+  return mapped.length > 0 ? mapped : void 0;
+}
+function mapExecutionHistoryToChatMessages(message) {
+  const timestamp = message.startTime || message.endTime || (/* @__PURE__ */ new Date()).toISOString();
+  const executionId = message.executionId ?? message.traceId ?? message.id;
+  const attachments = mapHistoryAttachments(message.id, message.attachments);
+  const rows = [
+    {
+      id: `${message.id}:user`,
+      role: "user",
+      content: stripAttachmentsSuffixFromIntent(message.sessionUserIntent),
+      timestamp,
+      attachments
+    }
+  ];
+  if (message.agentResponse) {
+    rows.push({
+      id: `${message.id}:assistant`,
+      role: "assistant",
+      content: message.agentResponse,
+      timestamp: message.endTime || timestamp,
+      isError: message.status === "FAILED",
+      executionId,
+      feedback: mapFeedback(message.feedback)
+    });
+  }
+  return rows;
+}
+function mapExecutionHistoryPageToChatMessages(messages) {
+  return messages.flatMap(mapExecutionHistoryToChatMessages);
+}
+function attachmentDisplayUrl(attachment) {
+  return attachment.previewUrl ?? attachment.url;
+}
+function isImageAttachment(attachment) {
+  const displayUrl = attachmentDisplayUrl(attachment);
+  return attachment.kind === "image" || Boolean(displayUrl) && attachment.mimeType.startsWith("image/");
+}
+function isPdfAttachmentMeta(attachment) {
+  return attachment.mimeType === "application/pdf" || /\.pdf$/i.test(attachment.filename);
+}
+function isPdfFile(file) {
+  return file.type === "application/pdf" || /\.pdf$/i.test(file.name);
+}
 var PaymanChatContext = createContext(void 0);
 function usePaymanChat() {
   const context = useContext(PaymanChatContext);
@@ -1902,6 +2190,111 @@ function subscribeToCfRay(urlPattern, listener) {
   };
 }
 
+// src/utils/attachmentConfig.ts
+var DEFAULT_IMAGE_EXTENSIONS = ["png", "jpg", "jpeg", "gif", "webp"];
+var DEFAULT_DOCUMENT_EXTENSIONS = ["pdf", "docx", "xlsx", "xls"];
+function resolveChatAttachmentConfig(config) {
+  const nested = config.attachments;
+  const enabled = nested?.enabled ?? config.showAttachmentButton ?? true;
+  const uploadImage = nested?.uploadImage ?? config.showUploadImageButton ?? true;
+  const attachFile = nested?.attachFile ?? config.showAttachFileButton ?? true;
+  return {
+    showAttachmentButton: enabled && (uploadImage || attachFile),
+    showUploadImageButton: enabled && uploadImage,
+    showAttachFileButton: enabled && attachFile,
+    maxCount: nested?.maxCount ?? nested?.maxImages ?? nested?.maxDocuments,
+    maxFileBytes: nested?.maxFileBytes,
+    maxTotalBytes: nested?.maxTotalBytes,
+    allowedImageExtensions: nested?.imageExtensions ?? DEFAULT_IMAGE_EXTENSIONS,
+    allowedFileExtensions: nested?.documentExtensions ?? DEFAULT_DOCUMENT_EXTENSIONS
+  };
+}
+
+// src/utils/formatAttachmentBytes.ts
+function formatAttachmentBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+  const units = ["B", "KB", "MB", "GB"];
+  let value = bytes;
+  let unitIndex = 0;
+  while (value >= 1024 && unitIndex < units.length - 1) {
+    value /= 1024;
+    unitIndex += 1;
+  }
+  const rounded = unitIndex === 0 ? String(Math.round(value)) : value >= 10 ? value.toFixed(0) : value.toFixed(1).replace(/\.0$/, "");
+  return `${rounded} ${units[unitIndex]}`;
+}
+
+// src/utils/pdfLink.ts
+function filenameFromContentDisposition(value) {
+  if (!value) return void 0;
+  let decoded = value;
+  try {
+    decoded = decodeURIComponent(value);
+  } catch {
+    decoded = value;
+  }
+  const quoted = decoded.match(/filename\*=(?:UTF-8''([^;]+)|"([^"]+)")/i);
+  if (quoted?.[1] || quoted?.[2]) {
+    return (quoted[1] ?? quoted[2])?.trim();
+  }
+  const unquoted = decoded.match(/filename=([^;]+)/i);
+  return unquoted?.[1]?.replace(/"/g, "").trim();
+}
+function filenameFromUrlPath(href) {
+  try {
+    const parts = new URL(href).pathname.split("/").filter(Boolean);
+    const last = parts[parts.length - 1];
+    return last ? decodeURIComponent(last) : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function isPdfUrl(href) {
+  if (!href) return false;
+  const lower = href.toLowerCase();
+  if (lower.includes(".pdf")) return true;
+  try {
+    const url = new URL(href);
+    if (url.pathname.toLowerCase().endsWith(".pdf")) return true;
+    const filename = url.searchParams.get("filename");
+    if (filename?.toLowerCase().includes(".pdf")) return true;
+    for (const key of ["rscd", "response-content-disposition"]) {
+      const fromDisposition = filenameFromContentDisposition(
+        url.searchParams.get(key)
+      );
+      if (fromDisposition?.toLowerCase().includes(".pdf")) return true;
+    }
+  } catch {
+    return lower.endsWith(".pdf");
+  }
+  return false;
+}
+function getPdfTitleFromUrl(href, linkText) {
+  const text = linkText?.trim();
+  if (text) return text;
+  try {
+    const url = new URL(href);
+    const filename = url.searchParams.get("filename");
+    if (filename) {
+      return filename.replace(/\.pdf$/i, "").replace(/[-_]+/g, " ").trim();
+    }
+    for (const key of ["rscd", "response-content-disposition"]) {
+      const fromDisposition = filenameFromContentDisposition(
+        url.searchParams.get(key)
+      );
+      if (fromDisposition) {
+        return fromDisposition.replace(/\.pdf$/i, "").replace(/[-_]+/g, " ").trim();
+      }
+    }
+  } catch {
+  }
+  const fromPath = filenameFromUrlPath(href);
+  if (fromPath) {
+    return fromPath.replace(/\.pdf$/i, "").replace(/[-_]+/g, " ").trim();
+  }
+  return "Document";
+}
+
 // src/utils/slashCommands.ts
 var DEFAULT_SLASH_COMMANDS = [
   {
@@ -3053,6 +3446,108 @@ function ActionTooltipV2({ label, children }) {
     ] }) })
   ] });
 }
+function FilePreviewShell({
+  filename,
+  typeLabel,
+  onClick,
+  thumbnail,
+  className,
+  "aria-label": ariaLabel
+}) {
+  const shellClass = cn(
+    "payman-v2-file-preview-shell",
+    "payman-v2-file-preview-shell-sent",
+    onClick && "payman-v2-file-preview-shell-clickable",
+    className
+  );
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "payman-v2-file-preview-thumb", children: thumbnail ?? /* @__PURE__ */ jsx(
+      FileText,
+      {
+        size: 16,
+        strokeWidth: 1.75,
+        className: "payman-v2-file-preview-doc-icon"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "payman-v2-file-preview-info", children: [
+      /* @__PURE__ */ jsx("span", { className: "payman-v2-file-preview-name", children: filename }),
+      /* @__PURE__ */ jsx("span", { className: "payman-v2-file-preview-type", children: typeLabel })
+    ] })
+  ] });
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: shellClass,
+        onClick,
+        "aria-label": ariaLabel ?? `Open ${filename}`,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: shellClass, children: body });
+}
+function FilePreviewBlockLayout({
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("payman-v2-file-preview-item", className), ...rest, children });
+}
+function attachmentTypeLabel(attachment) {
+  if (isImageAttachment(attachment)) {
+    return "Image";
+  }
+  const ext = attachment.filename.split(".").pop()?.toUpperCase();
+  return ext || "Document";
+}
+function isPdfAttachment(attachment) {
+  const displayUrl = attachmentDisplayUrl(attachment);
+  return isPdfAttachmentMeta(attachment) || Boolean(displayUrl) && isPdfUrl(displayUrl);
+}
+function AttachmentPreviewBlock({
+  attachment,
+  onImageClick
+}) {
+  const chatContext = useContext(PaymanChatContext);
+  const displayUrl = attachmentDisplayUrl(attachment);
+  const typeLabel = attachmentTypeLabel(attachment);
+  const isImage = isImageAttachment(attachment) && displayUrl;
+  const openAttachment = () => {
+    if (!displayUrl) return;
+    if (isImageAttachment(attachment)) {
+      onImageClick?.(displayUrl, attachment.filename);
+      return;
+    }
+    if (isPdfAttachment(attachment)) {
+      chatContext?.openPdfSheet(displayUrl, attachment.filename);
+      return;
+    }
+    window.open(displayUrl, "_blank", "noopener,noreferrer");
+  };
+  if (isImage) {
+    return /* @__PURE__ */ jsx(FilePreviewBlockLayout, { children: /* @__PURE__ */ jsx(
+      FilePreviewShell,
+      {
+        filename: attachment.filename,
+        typeLabel,
+        onClick: openAttachment,
+        "aria-label": `Preview ${attachment.filename}`,
+        thumbnail: /* @__PURE__ */ jsx("img", { src: displayUrl, alt: "", draggable: false })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(FilePreviewBlockLayout, { children: /* @__PURE__ */ jsx(
+    FilePreviewShell,
+    {
+      filename: attachment.filename,
+      typeLabel,
+      onClick: displayUrl ? openAttachment : void 0,
+      "aria-label": `Open ${attachment.filename}`
+    }
+  ) });
+}
 function formatMessageTime(timestamp) {
   const value = new Date(timestamp);
   if (Number.isNaN(value.getTime())) return "";
@@ -3065,6 +3560,7 @@ function UserMessageV2({
   message,
   onEdit,
   onRetry,
+  onImageClick,
   retryDisabled = false,
   actions
 }) {
@@ -3147,7 +3643,15 @@ function UserMessageV2({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     toastPortal,
     /* @__PURE__ */ jsx("div", { className: "payman-v2-user-msg payman-v2-fade-in", children: /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-group", children: [
-      /* @__PURE__ */ jsx("div", { className: "payman-v2-user-msg-bubble", children: parsedCommand ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-command", children: [
+      message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx("div", { className: "payman-v2-file-preview payman-v2-user-msg-attachments", children: message.attachments.map((attachment) => /* @__PURE__ */ jsx(
+        AttachmentPreviewBlock,
+        {
+          attachment,
+          onImageClick
+        },
+        attachment.id
+      )) }),
+      (message.content.trim().length > 0 || !message.attachments?.length) && /* @__PURE__ */ jsx("div", { className: "payman-v2-user-msg-bubble", children: parsedCommand ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-user-msg-command", children: [
         /* @__PURE__ */ jsx("span", { className: "payman-v2-user-msg-command-chip", children: parsedCommand.command }),
         parsedCommand.body.trim() ? /* @__PURE__ */ jsx("p", { className: "payman-v2-user-msg-text", children: parsedCommand.body }) : null
       ] }) : /* @__PURE__ */ jsx("p", { className: "payman-v2-user-msg-text", children: message.content }) }),
@@ -3372,9 +3876,44 @@ function MarkdownImageV2({
     }
   ) });
 }
-function buildComponents(onImageClick, isResolvingRef) {
+function PdfBlockV2({ title, href, onOpen, autoOpen = false }) {
+  const autoOpenedHrefRef = useRef(null);
+  useEffect(() => {
+    if (!autoOpen || autoOpenedHrefRef.current === href) return;
+    autoOpenedHrefRef.current = href;
+    onOpen(href, title, { auto: true });
+  }, [href, autoOpen]);
+  return /* @__PURE__ */ jsx(FilePreviewBlockLayout, { "data-payman-file-block": true, children: /* @__PURE__ */ jsx(
+    FilePreviewShell,
+    {
+      filename: title,
+      typeLabel: "PDF",
+      onClick: () => onOpen(href, title),
+      "aria-label": `Open PDF: ${title}`
+    }
+  ) });
+}
+function childrenToText(children) {
+  if (typeof children === "string") return children;
+  if (typeof children === "number") return String(children);
+  if (Array.isArray(children)) return children.map(childrenToText).join("");
+  if (children && typeof children === "object" && "props" in children) {
+    return childrenToText(children.props.children);
+  }
+  return "";
+}
+function isFileBlockChild(child) {
+  return isValidElement(child) && typeof child.props === "object" && child.props !== null && "data-payman-file-block" in child.props;
+}
+function buildComponents(onImageClick, isResolvingRef, onPdfClick, autoOpenPdf) {
   return {
-    p: ({ children }) => /* @__PURE__ */ jsx("p", { children }),
+    p: ({ children }) => {
+      const childArray = Children.toArray(children);
+      if (childArray.length === 1 && isFileBlockChild(childArray[0])) {
+        return childArray[0];
+      }
+      return /* @__PURE__ */ jsx("p", { children });
+    },
     code: ({ children }) => /* @__PURE__ */ jsx("code", { children }),
     pre: ({ children }) => /* @__PURE__ */ jsx("div", { className: "payman-v2-markdown-pre", children: /* @__PURE__ */ jsx("pre", { children }) }),
     ul: ({ children }) => /* @__PURE__ */ jsx("ul", { children }),
@@ -3387,7 +3926,15 @@ function buildComponents(onImageClick, isResolvingRef) {
     em: ({ children }) => /* @__PURE__ */ jsx("em", { children }),
     blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", { children }),
     hr: () => /* @__PURE__ */ jsx("hr", {}),
-    a: ({ href, children }) => /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children }),
+    a: ({ href, children }) => {
+      const url = href ?? "";
+      if (onPdfClick && isPdfUrl(url)) {
+        const linkText = childrenToText(children).trim();
+        const title = getPdfTitleFromUrl(url, linkText);
+        return /* @__PURE__ */ jsx(PdfBlockV2, { href: url, title, onOpen: onPdfClick, autoOpen: autoOpenPdf });
+      }
+      return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children });
+    },
     img: ({ src, alt }) => /* @__PURE__ */ jsx(
       MarkdownImageV2,
       {
@@ -3408,13 +3955,15 @@ function MarkdownRendererV2({
   content,
   isStreaming,
   isResolvingImages,
-  onImageClick
+  onImageClick,
+  onPdfClick,
+  autoOpenPdf
 }) {
   const isResolvingRef = useRef(isResolvingImages);
   isResolvingRef.current = isResolvingImages;
   const components = useMemo(
-    () => buildComponents(onImageClick, isResolvingRef),
-    [onImageClick]
+    () => buildComponents(onImageClick, isResolvingRef, onPdfClick, autoOpenPdf),
+    [onImageClick, onPdfClick, autoOpenPdf]
   );
   return /* @__PURE__ */ jsx(
     "div",
@@ -3783,6 +4332,17 @@ function stripIncompleteImageToken(text) {
   if (/^!\[[^\]]*\]\([^)]*\)/.test(after)) return text;
   return text.slice(0, lastBang);
 }
+function stripIncompleteLinkToken(text) {
+  const lastBracket = text.lastIndexOf("[");
+  if (lastBracket === -1) return text;
+  if (lastBracket > 0 && text[lastBracket - 1] === "!") return text;
+  const after = text.slice(lastBracket);
+  if (/^\[[^\]]*\]\([^)]*\)/.test(after)) return text;
+  return text.slice(0, lastBracket);
+}
+function stripIncompleteMarkdownTokens(text) {
+  return stripIncompleteLinkToken(stripIncompleteImageToken(text));
+}
 function getFeedbackState(message) {
   const feedback = message.feedback;
   if (feedback === "up" || feedback === "down") return feedback;
@@ -3806,6 +4366,12 @@ function AssistantMessageV2({
     () => getFeedbackState(message)
   );
   const [reasonModalOpen, setReasonModalOpen] = useState(false);
+  const chatContext = useContext(PaymanChatContext);
+  const chatContextRef = useRef(chatContext);
+  chatContextRef.current = chatContext;
+  const handlePdfClick = useCallback((href, title, options) => {
+    chatContextRef.current?.openPdfSheet(href, title, options);
+  }, []);
   const canSubmitFeedback = !!onSubmitFeedback && !!message.executionId;
   const [toast, setToast] = useState(null);
   const copyResetTimerRef = useRef(null);
@@ -3830,7 +4396,7 @@ function AssistantMessageV2({
     const raw = message.isStreaming ? message.streamingContent || message.content : message.content;
     if (!raw) return "";
     const normalized = raw.replace(/\\n/g, "\n");
-    return message.isStreaming ? stripIncompleteImageToken(normalized) : normalized;
+    return message.isStreaming ? stripIncompleteMarkdownTokens(normalized) : normalized;
   })();
   const isThinkingStreaming = !!message.isStreaming && !rawResponseContent && !message.isError;
   const responseTypingEnabled = hasEverStreamed.current && Boolean(rawResponseContent) && !message.isError;
@@ -4000,10 +4566,12 @@ function AssistantMessageV2({
       /* @__PURE__ */ jsx("div", { className: "payman-v2-assistant-msg-content-area", children: displayContent ? /* @__PURE__ */ jsx(
         MarkdownRendererV2,
         {
-          content: displayContent,
+          content: message.isStreaming && !isCancelled || isResponseTyping ? stripIncompleteMarkdownTokens(displayContent) : displayContent,
           isStreaming: message.isStreaming && !isCancelled || isResponseTyping,
           isResolvingImages: message.isResolvingImages,
-          onImageClick
+          onImageClick,
+          onPdfClick: handlePdfClick,
+          autoOpenPdf: hasEverStreamed.current
         }
       ) : !isThinkingStreaming ? /* @__PURE__ */ jsx("span", { className: "payman-v2-assistant-msg-placeholder", children: "..." }) : null }),
       isCancelled && message.isStreaming && /* @__PURE__ */ jsxs("div", { className: "payman-v2-assistant-msg-paused", children: [
@@ -4220,7 +4788,6 @@ function VerificationInline({
   const [code, setCode] = useState("");
   const [errored, setErrored] = useState(false);
   const [resendSec, setResendSec] = useState(0);
-  const [hiddenAfterResend, setHiddenAfterResend] = useState(false);
   const lastSubmittedRef = useRef(null);
   const resendTimerRef = useRef(void 0);
   const status = prompt.status;
@@ -4234,9 +4801,6 @@ function VerificationInline({
       lastSubmittedRef.current = null;
     }
   }, [prompt.subAction, prompt.userActionId]);
-  useEffect(() => {
-    setHiddenAfterResend(false);
-  }, [prompt.expirySeconds, prompt.message, prompt.subAction, prompt.userActionId]);
   useEffect(() => {
     if (code.length < codeLen) lastSubmittedRef.current = null;
   }, [code, codeLen]);
@@ -4287,13 +4851,11 @@ function VerificationInline({
     if (locked || resendSec > 0) return;
     setErrored(false);
     setCode("");
-    setHiddenAfterResend(true);
     lastSubmittedRef.current = null;
     try {
       await onResend(prompt.userActionId);
       startResendCooldown();
     } catch {
-      setHiddenAfterResend(false);
     }
   }, [locked, onResend, prompt.userActionId, resendSec, startResendCooldown]);
   const handleCancel = useCallback(() => {
@@ -4301,7 +4863,6 @@ function VerificationInline({
     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");
-  if (hiddenAfterResend) return null;
   return /* @__PURE__ */ jsxs("div", { className: "payman-v2-ua", role: "group", "aria-label": "Verification required", children: [
     /* @__PURE__ */ jsxs("div", { className: "payman-v2-ua-head", children: [
       /* @__PURE__ */ jsx(ShieldCheck, { className: "payman-v2-ua-icon", size: 15, strokeWidth: 1.75, "aria-hidden": true }),
@@ -4397,9 +4958,6 @@ function SchemaFormInline({
   const busy = status === "submitting";
   const stale = status === "stale";
   const locked = busy || stale || expired;
-  const isUserConfirmation = prompt.subAction === "UserConfirmation";
-  const messageFormat = prompt.metadata?.["payman/messageFormat"];
-  const renderMarkdown = messageFormat === "markdown";
   const setValue = (key, value) => {
     setValues((prev) => ({ ...prev, [key]: value }));
     setErrors((prev) => {
@@ -4425,8 +4983,8 @@ function SchemaFormInline({
       /* @__PURE__ */ jsx("span", { className: "payman-v2-ua-title", children: "Action required" }),
       typeof secondsLeft === "number" && !stale && /* @__PURE__ */ jsx("span", { className: "payman-v2-ua-timer", children: expired ? "Expired" : `${secondsLeft}s` })
     ] }),
-    prompt.message?.trim() && (renderMarkdown ? /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-markdown", children: /* @__PURE__ */ jsx(MarkdownRendererV2, { content: prompt.message }) }) : /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: prompt.message })),
-    stale ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? null : /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-form", children: fields.map(([key, field]) => {
+    prompt.message?.trim() && /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: prompt.message }),
+    stale ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-stale", children: "This request is no longer available." }) : fields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "payman-v2-ua-desc", children: "This action has no inputs to fill." }) : /* @__PURE__ */ jsx("div", { className: "payman-v2-ua-form", children: fields.map(([key, field]) => {
       const widget = classifyField(field);
       const label = field.title || key;
       const required = isRequired(schema, key);
@@ -4499,7 +5057,7 @@ function SchemaFormInline({
           className: "payman-v2-ua-btn payman-v2-ua-btn-primary",
           disabled: locked,
           onClick: handleSubmit,
-          children: busy ? "Submitting\u2026" : isUserConfirmation ? "Confirm" : "Submit"
+          children: busy ? "Submitting\u2026" : "Submit"
         }
       ),
       /* @__PURE__ */ jsx(
@@ -4555,25 +5113,10 @@ function useExpiryCountdown(prompt) {
   const expired = initial !== void 0 && secondsLeft === 0;
   return [secondsLeft, expired];
 }
-function UserActionInline({
-  prompt,
-  onSubmit,
-  onCancel,
-  onResend,
-  onExpired
-}) {
+function UserActionInline({ prompt, onSubmit, onCancel, onResend }) {
   const [secondsLeft, expired] = useExpiryCountdown(prompt);
-  useEffect(() => {
-    if (expired && prompt.kind !== "notification") onExpired?.();
-  }, [expired, onExpired, prompt.kind]);
   let body;
-  if (expired && prompt.kind !== "notification") {
-    const note = {
-      id: `${prompt.userActionId}-expired`,
-      message: prompt.kind === "verification" ? "Verification Request Expired" : "User Form Expired"
-    };
-    body = /* @__PURE__ */ jsx(NotificationInline, { notification: note });
-  } else if (prompt.kind === "verification") {
+  if (prompt.kind === "verification") {
     body = /* @__PURE__ */ jsx(
       VerificationInline,
       {
@@ -4613,23 +5156,10 @@ function UserActionInline({
 }
 var SCROLL_THRESHOLD2 = 100;
 var USER_SCROLL_UP_EPSILON = 4;
-var PROMPT_KEY_SEPARATOR = "";
-function getPromptSlotKey(prompt) {
-  return prompt.toolCallId || prompt.userActionId;
-}
-function getPromptViewKey(prompt) {
-  return [
-    getPromptSlotKey(prompt),
-    prompt.userActionId,
-    prompt.subAction ?? "",
-    prompt.expirySeconds ?? "",
-    prompt.message ?? ""
-  ].join(PROMPT_KEY_SEPARATOR);
-}
 var MessageListV2 = forwardRef(
   function MessageListV22({
     messages,
-    isStreaming = false,
+    isStreaming: _isStreaming = false,
     onEditUserMessage,
     onRetryUserMessage,
     onImageClick,
@@ -4643,7 +5173,8 @@ var MessageListV2 = forwardRef(
     onResendUserAction,
     onDismissNotification,
     onSubmitFeedback,
-    typingSpeed = 4
+    typingSpeed = 4,
+    sidePanelOpen = false
   }, ref) {
     const noop = useCallback(async () => {
     }, []);
@@ -4651,10 +5182,11 @@ var MessageListV2 = forwardRef(
     const scrollInnerRef = useRef(null);
     const isNearBottomRef = useRef(true);
     const [showScrollBtn, setShowScrollBtn] = useState(false);
-    const [expiredPromptViewState, setExpiredPromptViewState] = useState({});
     const prevCountRef = useRef(messages.length);
     const pauseStickUntilUserMessageRef = useRef(false);
     const followingBottomRef = useRef(true);
+    const sidePanelOpenRef = useRef(sidePanelOpen);
+    sidePanelOpenRef.current = sidePanelOpen;
     const lastPinAtRef = useRef(0);
     const prevScrollTopRef = useRef(0);
     const getDistanceFromBottom = useCallback(() => {
@@ -4662,81 +5194,6 @@ var MessageListV2 = forwardRef(
       if (!el) return 0;
       return el.scrollHeight - el.scrollTop - el.clientHeight;
     }, []);
-    const messageActivityFingerprint = 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);
-      if (!last) {
-        return [
-          0,
-          isStreaming ? "streaming" : "idle",
-          promptFingerprint,
-          notificationFingerprint
-        ].join(PROMPT_KEY_SEPARATOR);
-      }
-      return [
-        messages.length,
-        isStreaming ? "streaming" : "idle",
-        last.id,
-        last.role,
-        last.content ?? "",
-        last.isStreaming ? "streaming" : "done",
-        last.streamProgress ?? "",
-        last.steps?.length ?? 0,
-        last.errorDetails ?? "",
-        promptFingerprint,
-        notificationFingerprint
-      ].join(PROMPT_KEY_SEPARATOR);
-    }, [isStreaming, messages, notifications, userActionPrompts]);
-    const handleUserActionExpired = useCallback(
-      (promptKey) => {
-        setExpiredPromptViewState((prev) => {
-          if (prev[promptKey]) return prev;
-          return {
-            ...prev,
-            [promptKey]: { baseline: messageActivityFingerprint, hidden: false }
-          };
-        });
-      },
-      [messageActivityFingerprint]
-    );
-    useEffect(() => {
-      setExpiredPromptViewState((prev) => {
-        let changed = false;
-        const next = {};
-        for (const [key, state] of Object.entries(prev)) {
-          if (!state.hidden && state.baseline !== messageActivityFingerprint) {
-            next[key] = { ...state, hidden: true };
-            changed = true;
-          } else {
-            next[key] = state;
-          }
-        }
-        return changed ? next : prev;
-      });
-    }, [messageActivityFingerprint]);
-    useEffect(() => {
-      const livePromptKeys = new Set((userActionPrompts ?? []).map(getPromptViewKey));
-      setExpiredPromptViewState((prev) => {
-        let changed = false;
-        const next = {};
-        for (const [key, state] of Object.entries(prev)) {
-          if (livePromptKeys.has(key)) {
-            next[key] = state;
-          } else {
-            changed = true;
-          }
-        }
-        return changed ? next : prev;
-      });
-    }, [userActionPrompts]);
-    const visibleUserActionPrompts = useMemo(
-      () => userActionPrompts?.filter((prompt) => {
-        const promptKey = getPromptViewKey(prompt);
-        return !expiredPromptViewState[promptKey]?.hidden;
-      }),
-      [expiredPromptViewState, userActionPrompts]
-    );
     const pinToBottom = useCallback((behavior = "instant") => {
       const el = scrollRef.current;
       if (!el) return;
@@ -4777,17 +5234,25 @@ var MessageListV2 = forwardRef(
       const nearBottom = distance <= SCROLL_THRESHOLD2;
       isNearBottomRef.current = nearBottom;
       setShowScrollBtn(!nearBottom);
-      const sincePin = performance.now() - lastPinAtRef.current;
-      if (sincePin < 250) return;
       const scrolledUp = currentScrollTop < prevScrollTop - USER_SCROLL_UP_EPSILON;
       if (scrolledUp) {
         followingBottomRef.current = false;
         pauseStickUntilUserMessageRef.current = true;
-      } else if (nearBottom) {
+        return;
+      }
+      const sincePin = performance.now() - lastPinAtRef.current;
+      if (sincePin < 250) return;
+      if (nearBottom) {
         followingBottomRef.current = true;
         pauseStickUntilUserMessageRef.current = false;
       }
     }, [getDistanceFromBottom]);
+    const handleWheel = useCallback((e) => {
+      if (e.deltaY < 0) {
+        followingBottomRef.current = false;
+        pauseStickUntilUserMessageRef.current = true;
+      }
+    }, []);
     useEffect(() => {
       const prevCount = prevCountRef.current;
       prevCountRef.current = messages.length;
@@ -4797,7 +5262,7 @@ var MessageListV2 = forwardRef(
           pauseStickUntilUserMessageRef.current = false;
           followingBottomRef.current = true;
           requestAnimationFrame(() => scrollToBottom());
-        } else if (!pauseStickUntilUserMessageRef.current && followingBottomRef.current) {
+        } else if (!sidePanelOpenRef.current && !pauseStickUntilUserMessageRef.current && followingBottomRef.current) {
           requestAnimationFrame(() => scrollToBottom("instant"));
         }
       }
@@ -4806,27 +5271,16 @@ var MessageListV2 = forwardRef(
       const inner = scrollInnerRef.current;
       if (!inner) return;
       const pinIfFollowing = () => {
+        if (sidePanelOpenRef.current) return;
         if (pauseStickUntilUserMessageRef.current) return;
         if (!followingBottomRef.current) return;
+        if (getDistanceFromBottom() > SCROLL_THRESHOLD2) return;
         pinToBottom("instant");
       };
-      const ro = new ResizeObserver(() => {
-        pinIfFollowing();
-      });
+      const ro = new ResizeObserver(pinIfFollowing);
       ro.observe(inner);
-      const mo = new MutationObserver(() => {
-        pinIfFollowing();
-      });
-      mo.observe(inner, {
-        childList: true,
-        subtree: true,
-        characterData: true
-      });
-      return () => {
-        ro.disconnect();
-        mo.disconnect();
-      };
-    }, [pinToBottom]);
+      return () => ro.disconnect();
+    }, [pinToBottom, getDistanceFromBottom]);
     useEffect(() => {
       if (messages.length > 0) {
         setTimeout(() => scrollToBottom("instant"), 50);
@@ -4838,6 +5292,7 @@ var MessageListV2 = forwardRef(
         {
           ref: scrollRef,
           onScroll: handleScroll,
+          onWheel: handleWheel,
           className: "payman-v2-message-scroll payman-v2-scrollbar",
           children: /* @__PURE__ */ jsxs(
             "div",
@@ -4851,6 +5306,7 @@ var MessageListV2 = forwardRef(
                     message,
                     onEdit: onEditUserMessage,
                     onRetry: onRetryUserMessage,
+                    onImageClick,
                     retryDisabled,
                     actions: messageActions?.userMessageActions
                   }
@@ -4873,20 +5329,16 @@ var MessageListV2 = forwardRef(
                   },
                   note.id
                 )),
-                visibleUserActionPrompts?.map((prompt) => {
-                  const promptKey = getPromptViewKey(prompt);
-                  return /* @__PURE__ */ jsx(
-                    UserActionInline,
-                    {
-                      prompt,
-                      onSubmit: onSubmitUserAction ?? noop,
-                      onCancel: onCancelUserAction ?? noop,
-                      onResend: onResendUserAction ?? noop,
-                      onExpired: () => handleUserActionExpired(promptKey)
-                    },
-                    promptKey
-                  );
-                })
+                userActionPrompts?.map((prompt) => /* @__PURE__ */ jsx(
+                  UserActionInline,
+                  {
+                    prompt,
+                    onSubmit: onSubmitUserAction ?? noop,
+                    onCancel: onCancelUserAction ?? noop,
+                    onResend: onResendUserAction ?? noop
+                  },
+                  prompt.toolCallId || prompt.userActionId
+                ))
               ]
             }
           )
@@ -4916,45 +5368,281 @@ var MessageListV2 = forwardRef(
     ] });
   }
 );
-var ChatInputV2 = forwardRef(
-  function ChatInputV22({
-    onSend,
-    disabled = false,
-    isStreaming = false,
-    placeholder = "Reply...",
-    enableVoice = false,
-    voiceAvailable = false,
-    isRecording = false,
-    onVoicePress,
-    transcribedText = "",
-    showResetSession = false,
-    onResetSession,
-    showAttachmentButton = true,
-    showUploadImageButton = true,
-    showAttachFileButton = true,
-    onUploadImageClick,
-    onAttachFileClick,
-    editingMessageId = null,
-    onClearEditing,
-    analysisMode,
-    onAnalysisModeChange,
-    slashCommands = []
-  }, ref) {
-    const [value, setValue] = useState("");
-    const [isFocused, setIsFocused] = useState(false);
-    const [showActions, setShowActions] = useState(false);
-    const [showVoiceTooltip, setShowVoiceTooltip] = useState(false);
-    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
-    const [inlineHint, setInlineHint] = useState(null);
-    const [commandMenuDismissed, setCommandMenuDismissed] = useState(false);
-    const textareaRef = useRef(null);
-    const actionsRef = useRef(null);
-    const preRecordTextRef = useRef("");
-    const voiceTooltipTimerRef = useRef(
+function FilePreviewModal({ src, name, onClose }) {
+  const [isMounted, setIsMounted] = useState(false);
+  const [isLoaded, setIsLoaded] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+    return () => setIsMounted(false);
+  }, []);
+  useEffect(() => {
+    setIsLoaded(false);
+  }, [src]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Escape") onClose();
+    },
+    [onClose]
+  );
+  useEffect(() => {
+    if (!src || typeof document === "undefined") return;
+    document.addEventListener("keydown", handleKeyDown);
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = prev;
+    };
+  }, [src, handleKeyDown]);
+  if (!isMounted || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: src ? /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        className: "payman-v2-file-preview-overlay",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: 0.18 },
+        onClick: onClose,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `Preview: ${name}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "payman-v2-file-preview-close",
+              "aria-label": "Close preview",
+              onClick: (e) => {
+                e.stopPropagation();
+                onClose();
+              },
+              children: /* @__PURE__ */ jsx(X, { size: 18, strokeWidth: 2 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "payman-v2-file-preview-inner",
+              initial: { scale: 0.93, opacity: 0 },
+              animate: { scale: isLoaded ? 1 : 0.93, opacity: isLoaded ? 1 : 0 },
+              exit: { scale: 0.93, opacity: 0 },
+              transition: { duration: 0.2 },
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src,
+                  alt: name,
+                  className: "payman-v2-file-preview-img",
+                  draggable: false,
+                  onLoad: () => setIsLoaded(true)
+                }
+              )
+            }
+          )
+        ]
+      },
+      "file-preview"
+    ) : null }),
+    document.body
+  );
+}
+function normalizeExtension(ext) {
+  return ext.replace(/^\./, "").toLowerCase();
+}
+function extOf(filename) {
+  return filename.split(".").pop()?.toLowerCase() ?? "";
+}
+function isAllowedImage(file, allowedExtensions) {
+  const allowed = new Set(allowedExtensions.map(normalizeExtension));
+  const ext = extOf(file.name);
+  if (allowed.has(ext)) return true;
+  if (!file.type.startsWith("image/")) return false;
+  const mimeSubtype = file.type.slice("image/".length).toLowerCase();
+  return allowed.has(mimeSubtype) || mimeSubtype === "jpeg" && allowed.has("jpg");
+}
+function isAllowedDocument(file, allowedExtensions) {
+  const allowed = new Set(allowedExtensions.map(normalizeExtension));
+  return allowed.has(extOf(file.name));
+}
+function fileTypeLabel(file, kind) {
+  if (kind === "image") return "Image";
+  const ext = extOf(file.name);
+  return ext ? ext.toUpperCase() : "Document";
+}
+var ChatInputV2 = forwardRef(
+  function ChatInputV22({
+    onSend,
+    disabled = false,
+    isStreaming = false,
+    isUploadingAttachments = false,
+    attachmentsReady = true,
+    hasAttachmentUploadErrors = false,
+    attachmentUploadStatusById = {},
+    uploadedAttachmentPayloads = [],
+    placeholder = "Reply...",
+    enableVoice = false,
+    voiceAvailable = false,
+    isRecording = false,
+    onVoicePress,
+    transcribedText = "",
+    showResetSession = false,
+    onResetSession,
+    showAttachmentButton = true,
+    showUploadImageButton = true,
+    showAttachFileButton = true,
+    onUploadImageClick,
+    onAttachFileClick,
+    allowedImageExtensions = ["png", "jpg", "jpeg", "gif", "webp"],
+    allowedFileExtensions = ["pdf", "docx", "xlsx", "xls"],
+    maxCount,
+    maxFileBytes,
+    maxTotalBytes,
+    onFilesChange,
+    onAttachmentsChange,
+    editingMessageId = null,
+    onClearEditing,
+    analysisMode,
+    onAnalysisModeChange,
+    slashCommands = []
+  }, ref) {
+    const [value, setValue] = useState("");
+    const [isFocused, setIsFocused] = useState(false);
+    const [showActions, setShowActions] = useState(false);
+    const [showVoiceTooltip, setShowVoiceTooltip] = useState(false);
+    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
+    const [inlineHint, setInlineHint] = useState(null);
+    const [commandMenuDismissed, setCommandMenuDismissed] = useState(false);
+    const [attachedFiles, setAttachedFiles] = useState([]);
+    const [previewFile, setPreviewFile] = useState(null);
+    const [isSending, setIsSending] = useState(false);
+    const textareaRef = useRef(null);
+    const actionsRef = useRef(null);
+    const imageInputRef = useRef(null);
+    const fileInputRef = useRef(null);
+    const preRecordTextRef = useRef("");
+    const voiceTooltipTimerRef = useRef(
       null
     );
     const voiceDraftSyncActiveRef = useRef(false);
-    const isInputLocked = disabled || isRecording;
+    const chatContext = useContext(PaymanChatContext);
+    useEffect(() => {
+      return () => {
+        attachedFiles.forEach((f) => URL.revokeObjectURL(f.objectUrl));
+      };
+    }, []);
+    const notifyAttachmentList = useCallback(
+      (files) => {
+        onFilesChange?.(files.map((f) => f.file));
+        onAttachmentsChange?.(files.map((f) => ({ id: f.id, file: f.file })));
+      },
+      [onAttachmentsChange, onFilesChange]
+    );
+    const clearAttachmentsFromInput = useCallback(() => {
+      setAttachedFiles((prev) => {
+        prev.forEach((f) => URL.revokeObjectURL(f.objectUrl));
+        return [];
+      });
+      setPreviewFile(null);
+      onFilesChange?.([]);
+      onAttachmentsChange?.([]);
+    }, [onAttachmentsChange, onFilesChange]);
+    const addFiles = useCallback(
+      (incoming, source) => {
+        const isImage = source === "image";
+        const allowedExtensions = isImage ? allowedImageExtensions : allowedFileExtensions;
+        const isAllowed = isImage ? isAllowedImage : isAllowedDocument;
+        const kindLabel = isImage ? "image" : "document";
+        setAttachedFiles((prev) => {
+          const accepted = [];
+          let rejectedType = false;
+          let hitCountLimit = false;
+          let hitFileSizeLimit = false;
+          let hitTotalSizeLimit = false;
+          let oversizedName = "";
+          const currentTotalBytes = prev.reduce(
+            (sum, item) => sum + item.file.size,
+            0
+          );
+          let addedBytes = 0;
+          for (const file of incoming) {
+            if (!isAllowed(file, allowedExtensions)) {
+              rejectedType = true;
+              continue;
+            }
+            if (maxFileBytes != null && file.size > maxFileBytes) {
+              hitFileSizeLimit = true;
+              oversizedName = file.name;
+              continue;
+            }
+            if (maxTotalBytes != null && currentTotalBytes + addedBytes + file.size > maxTotalBytes) {
+              hitTotalSizeLimit = true;
+              break;
+            }
+            if (maxCount != null && prev.length + accepted.length >= maxCount) {
+              hitCountLimit = true;
+              break;
+            }
+            accepted.push({
+              id: `${Date.now()}-${Math.random()}`,
+              file,
+              kind: source,
+              objectUrl: URL.createObjectURL(file)
+            });
+            addedBytes += file.size;
+          }
+          if (rejectedType) {
+            setInlineHint(
+              `Unsupported ${kindLabel} type. Allowed: ${allowedExtensions.map(normalizeExtension).join(", ")}.`
+            );
+          } else if (hitFileSizeLimit) {
+            setInlineHint(
+              maxFileBytes != null ? `"${oversizedName}" exceeds the ${formatAttachmentBytes(maxFileBytes)} per-file limit.` : "File exceeds the maximum allowed size."
+            );
+          } else if (hitTotalSizeLimit) {
+            setInlineHint(
+              maxTotalBytes != null ? `Total attachment size would exceed ${formatAttachmentBytes(maxTotalBytes)}.` : "Total attachment size exceeds the limit."
+            );
+          } else if (hitCountLimit) {
+            setInlineHint(
+              maxCount === 1 ? "Only 1 attachment is allowed per message." : `Maximum ${maxCount} attachments allowed per message.`
+            );
+          }
+          if (accepted.length === 0) return prev;
+          const updated = [...prev, ...accepted];
+          notifyAttachmentList(updated);
+          return updated;
+        });
+      },
+      [
+        allowedFileExtensions,
+        allowedImageExtensions,
+        maxCount,
+        maxFileBytes,
+        maxTotalBytes,
+        notifyAttachmentList
+      ]
+    );
+    const removeFile = useCallback(
+      (id) => {
+        setAttachedFiles((prev) => {
+          const target = prev.find((f) => f.id === id);
+          if (target) URL.revokeObjectURL(target.objectUrl);
+          const updated = prev.filter((f) => f.id !== id);
+          notifyAttachmentList(updated);
+          return updated;
+        });
+        setPreviewFile((p) => p?.id === id ? null : p);
+      },
+      [notifyAttachmentList]
+    );
+    const imageAccept = allowedImageExtensions.map((e) => `.${e.replace(/^\./, "")}`).join(",");
+    const fileAccept = allowedFileExtensions.map((e) => `.${e.replace(/^\./, "")}`).join(",");
+    const isInputBusy = isSending || isUploadingAttachments;
+    const isInputLocked = disabled || isRecording || isInputBusy;
     const hasAttachmentOptions = showUploadImageButton || showAttachFileButton;
     const showAttachmentMenuButton = showAttachmentButton && hasAttachmentOptions;
     const showVoiceButton = enableVoice && onVoicePress != null;
@@ -4994,9 +5682,10 @@ var ChatInputV2 = forwardRef(
             const end = message.length;
             textarea.setSelectionRange(end, end);
           });
-        }
+        },
+        clearAttachments: clearAttachmentsFromInput
       }),
-      [disabled]
+      [disabled, clearAttachmentsFromInput]
     );
     useEffect(() => {
       if (!showActions) return;
@@ -5030,8 +5719,23 @@ var ChatInputV2 = forwardRef(
       const separator = base && !base.endsWith(" ") && transcribedText ? " " : "";
       setValue(`${base}${separator}${transcribedText}`);
     }, [isRecording, transcribedText]);
-    const handleSend = useCallback(() => {
-      if (!value.trim() || disabled) return;
+    function uploadStatusLabel(status, file, kind) {
+      if (status === "uploading") return "Uploading\u2026";
+      if (status === "error") return "Upload failed";
+      return fileTypeLabel(file, kind);
+    }
+    const handleSend = useCallback(async () => {
+      const hasText = value.trim().length > 0;
+      const hasFiles = attachedFiles.length > 0;
+      if (!hasText && !hasFiles || disabled || isSending || isUploadingAttachments) return;
+      if (hasFiles && !attachmentsReady) {
+        setInlineHint("Waiting for attachments to finish uploading.");
+        return;
+      }
+      if (hasFiles && hasAttachmentUploadErrors) {
+        setInlineHint("Remove or re-add attachments that failed to upload.");
+        return;
+      }
       const commandHint = getSlashCommandValidationHint(value);
       if (commandHint) {
         setInlineHint(commandHint);
@@ -5041,15 +5745,38 @@ var ChatInputV2 = forwardRef(
       preRecordTextRef.current = "";
       setInlineHint(null);
       onClearEditing?.();
-      onSend(value.trim());
+      const textToSend = value.trim();
+      const filesToSend = attachedFiles.map((f) => f.file);
+      const attachmentsToSend = [...uploadedAttachmentPayloads];
       setValue("");
+      clearAttachmentsFromInput();
       requestAnimationFrame(() => {
         if (textareaRef.current) {
           textareaRef.current.style.height = "auto";
           textareaRef.current.focus();
         }
       });
-    }, [value, disabled, onClearEditing, onSend]);
+      setIsSending(true);
+      try {
+        await onSend(textToSend, filesToSend, attachmentsToSend);
+      } catch {
+        setInlineHint("Failed to send message. Please try again.");
+      } finally {
+        setIsSending(false);
+      }
+    }, [
+      value,
+      attachedFiles,
+      uploadedAttachmentPayloads,
+      disabled,
+      isSending,
+      isUploadingAttachments,
+      attachmentsReady,
+      hasAttachmentUploadErrors,
+      onClearEditing,
+      onSend,
+      clearAttachmentsFromInput
+    ]);
     const selectCommand = useCallback(
       (command) => {
         const insertText = command.insertText ?? `${command.name} `;
@@ -5094,18 +5821,30 @@ var ChatInputV2 = forwardRef(
       }
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
-        if (isStreaming) return;
-        handleSend();
+        if (isStreaming || isSending || isUploadingAttachments) return;
+        void handleSend();
       }
     };
     const handleUploadImageClick = () => {
+      imageInputRef.current?.click();
       onUploadImageClick?.();
       setShowActions(false);
     };
     const handleAttachFileClick = () => {
+      fileInputRef.current?.click();
       onAttachFileClick?.();
       setShowActions(false);
     };
+    const handleImageFilesSelected = (e) => {
+      const files = Array.from(e.target.files ?? []);
+      if (files.length) addFiles(files, "image");
+      e.target.value = "";
+    };
+    const handleDocFilesSelected = (e) => {
+      const files = Array.from(e.target.files ?? []);
+      if (files.length) addFiles(files, "file");
+      e.target.value = "";
+    };
     const hideVoiceTooltip = useCallback(() => {
       if (voiceTooltipTimerRef.current) {
         clearTimeout(voiceTooltipTimerRef.current);
@@ -5133,9 +5872,39 @@ var ChatInputV2 = forwardRef(
       }
       onVoicePress();
     };
-    const canSend = value.trim().length > 0 && !disabled;
-    const sendDisabled = !canSend || isStreaming;
+    const canSend = (value.trim().length > 0 || attachedFiles.length > 0) && !disabled;
+    const sendDisabled = !canSend || isStreaming || isUploadingAttachments || !attachmentsReady || hasAttachmentUploadErrors || isSending;
     return /* @__PURE__ */ jsxs("div", { className: "payman-v2-input-container", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: imageInputRef,
+          type: "file",
+          accept: imageAccept,
+          multiple: maxCount == null || maxCount > 1,
+          style: { display: "none" },
+          onChange: handleImageFilesSelected
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: fileAccept,
+          multiple: maxCount == null || maxCount > 1,
+          style: { display: "none" },
+          onChange: handleDocFilesSelected
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FilePreviewModal,
+        {
+          src: previewFile?.kind === "image" ? previewFile.objectUrl : null,
+          name: previewFile?.file.name ?? "",
+          onClose: () => setPreviewFile(null)
+        }
+      ),
       /* @__PURE__ */ jsx(AnimatePresence, { children: showCommandSuggestions && /* @__PURE__ */ jsx(
         motion.div,
         {
@@ -5174,6 +5943,115 @@ var ChatInputV2 = forwardRef(
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: "payman-v2-input-body", children: [
+              /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: attachedFiles.length > 0 && /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  initial: { opacity: 0, height: 0 },
+                  animate: { opacity: 1, height: "auto" },
+                  exit: { opacity: 0, height: 0 },
+                  transition: { duration: 0.15, ease: "easeOut" },
+                  className: "payman-v2-file-preview",
+                  children: attachedFiles.map((af) => {
+                    const uploadStatus = attachmentUploadStatusById[af.id];
+                    const isUploadingFile = uploadStatus === "uploading";
+                    const hasUploadError = uploadStatus === "error";
+                    return /* @__PURE__ */ jsxs("div", { className: "payman-v2-file-preview-item", children: [
+                      af.kind === "image" ? /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          className: cn(
+                            "payman-v2-file-preview-shell payman-v2-file-preview-shell-clickable",
+                            hasUploadError && "payman-v2-file-preview-shell-error"
+                          ),
+                          onClick: () => setPreviewFile(af),
+                          disabled: isUploadingFile,
+                          "aria-label": `Preview ${af.file.name}`,
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "payman-v2-file-preview-thumb", children: [
+                              /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  src: af.objectUrl,
+                                  alt: "",
+                                  draggable: false
+                                }
+                              ),
+                              isUploadingFile && /* @__PURE__ */ jsx("div", { className: "payman-v2-file-preview-uploading", children: /* @__PURE__ */ jsx(Loader2, { size: 14, className: "payman-v2-spin" }) })
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { className: "payman-v2-file-preview-info", children: [
+                              /* @__PURE__ */ jsx("p", { className: "payman-v2-file-preview-name", children: af.file.name }),
+                              /* @__PURE__ */ jsx("p", { className: "payman-v2-file-preview-type", children: uploadStatusLabel(uploadStatus, af.file, af.kind) })
+                            ] })
+                          ]
+                        }
+                      ) : isPdfFile(af.file) ? /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          className: cn(
+                            "payman-v2-file-preview-shell payman-v2-file-preview-shell-clickable",
+                            hasUploadError && "payman-v2-file-preview-shell-error"
+                          ),
+                          onClick: () => chatContext?.openPdfSheet(
+                            af.objectUrl,
+                            af.file.name
+                          ),
+                          disabled: isUploadingFile,
+                          "aria-label": `Preview ${af.file.name}`,
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "payman-v2-file-preview-thumb", children: isUploadingFile ? /* @__PURE__ */ jsx(Loader2, { size: 16, className: "payman-v2-spin payman-v2-file-preview-doc-icon" }) : /* @__PURE__ */ jsx(
+                              FileText,
+                              {
+                                size: 16,
+                                strokeWidth: 1.75,
+                                className: "payman-v2-file-preview-doc-icon"
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsxs("div", { className: "payman-v2-file-preview-info", children: [
+                              /* @__PURE__ */ jsx("p", { className: "payman-v2-file-preview-name", children: af.file.name }),
+                              /* @__PURE__ */ jsx("p", { className: "payman-v2-file-preview-type", children: uploadStatusLabel(uploadStatus, af.file, af.kind) })
+                            ] })
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: cn(
+                            "payman-v2-file-preview-shell",
+                            hasUploadError && "payman-v2-file-preview-shell-error"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsx("div", { className: "payman-v2-file-preview-thumb", children: isUploadingFile ? /* @__PURE__ */ jsx(Loader2, { size: 16, className: "payman-v2-spin payman-v2-file-preview-doc-icon" }) : /* @__PURE__ */ jsx(
+                              FileText,
+                              {
+                                size: 16,
+                                strokeWidth: 1.75,
+                                className: "payman-v2-file-preview-doc-icon"
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsxs("div", { className: "payman-v2-file-preview-info", children: [
+                              /* @__PURE__ */ jsx("p", { className: "payman-v2-file-preview-name", children: af.file.name }),
+                              /* @__PURE__ */ jsx("p", { className: "payman-v2-file-preview-type", children: uploadStatusLabel(uploadStatus, af.file, af.kind) })
+                            ] })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          className: "payman-v2-file-preview-remove",
+                          onClick: () => removeFile(af.id),
+                          "aria-label": `Remove ${af.file.name}`,
+                          children: /* @__PURE__ */ jsx(X, { size: 12, strokeWidth: 2.5 })
+                        }
+                      )
+                    ] }, af.id);
+                  })
+                },
+                "file-preview"
+              ) }),
               /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: editingMessageId && /* @__PURE__ */ jsxs(
                 motion.div,
                 {
@@ -5405,13 +6283,13 @@ var ChatInputV2 = forwardRef(
                 "button",
                 {
                   type: "button",
-                  onClick: handleSend,
+                  onClick: () => void handleSend(),
                   disabled: sendDisabled,
                   className: cn(
                     "payman-v2-input-send-btn",
                     sendDisabled && "payman-v2-input-send-btn-disabled"
                   ),
-                  "aria-label": "Send message",
+                  "aria-label": isUploadingAttachments || isSending ? "Uploading attachments" : "Send message",
                   children: /* @__PURE__ */ jsx(
                     ArrowUp,
                     {
@@ -5946,6 +6824,389 @@ function TimelineBars({
     )
   ] });
 }
+
+// src/utils/pdfPreview.ts
+var PdfPreviewError = class extends Error {
+  constructor(kind, title, userMessage) {
+    super(userMessage);
+    __publicField(this, "kind");
+    __publicField(this, "title");
+    __publicField(this, "userMessage");
+    this.name = "PdfPreviewError";
+    this.kind = kind;
+    this.title = title;
+    this.userMessage = userMessage;
+  }
+};
+function classifyErrorBody(body, status) {
+  const text = body.replace(/\s+/g, " ").trim();
+  if (/signed expiry time|must be after signed start time|expired|expir/i.test(text)) {
+    return new PdfPreviewError(
+      "expired",
+      "Link expired",
+      "This download link has expired. Ask the assistant to generate a new copy of the document."
+    );
+  }
+  if (/AuthenticationFailed|authorization header|formed correctly including the signature/i.test(
+    text
+  )) {
+    return new PdfPreviewError(
+      "forbidden",
+      "Link no longer valid",
+      "This preview link is no longer valid. Request a fresh download link and try again."
+    );
+  }
+  if (status === 404 || /BlobNotFound|ResourceNotFound|The specified blob does not exist/i.test(text)) {
+    return new PdfPreviewError(
+      "not_found",
+      "Document not found",
+      "The file is no longer available. It may have been removed or the link is incorrect."
+    );
+  }
+  if (status === 403) {
+    return new PdfPreviewError(
+      "forbidden",
+      "Can't open document",
+      "You may not have access to this file, or the link has expired."
+    );
+  }
+  if (status === 401) {
+    return new PdfPreviewError(
+      "forbidden",
+      "Access denied",
+      "This preview link could not be verified. Request a new download link."
+    );
+  }
+  return new PdfPreviewError(
+    "unknown",
+    "Can't preview document",
+    "Something went wrong while opening this file. Try downloading it or request a new link."
+  );
+}
+function normalizePdfPreviewError(error) {
+  if (error instanceof PdfPreviewError) return error;
+  if (error instanceof TypeError) {
+    return new PdfPreviewError(
+      "network",
+      "Connection problem",
+      "Could not load the document. Check your connection and try again."
+    );
+  }
+  return new PdfPreviewError(
+    "unknown",
+    "Can't preview document",
+    "Something went wrong while opening this file. Try downloading it or request a new link."
+  );
+}
+async function assertPdfBlob(blob, status) {
+  if (!blob.size) {
+    return Promise.reject(
+      new PdfPreviewError(
+        "empty",
+        "Document unavailable",
+        "The file response was empty. Request a new download link and try again."
+      )
+    );
+  }
+  const head = await blob.slice(0, Math.min(blob.size, 1024)).text();
+  if (head.startsWith("%PDF")) {
+    return blob;
+  }
+  throw classifyErrorBody(head, status);
+}
+async function fetchPdfBlob(src) {
+  let response;
+  try {
+    response = await fetch(src, {
+      method: "GET",
+      headers: { Accept: "application/pdf,*/*" }
+    });
+  } catch {
+    throw new PdfPreviewError(
+      "network",
+      "Connection problem",
+      "Could not load the document. Check your connection and try again."
+    );
+  }
+  const blob = await response.blob();
+  if (!response.ok) {
+    const body = await blob.text().catch(() => "");
+    throw classifyErrorBody(body, response.status);
+  }
+  return assertPdfBlob(blob, response.status);
+}
+var MIN_WIDTH = 320;
+var MAX_WIDTH_RATIO = 0.6;
+var DEFAULT_WIDTH = 520;
+var SPRING = { type: "spring", stiffness: 340, damping: 34, mass: 0.85 };
+var SHEET_EXIT = { duration: 0.22, ease: [0.4, 0, 1, 1] };
+function pdfDownloadName(title) {
+  const base = title.trim() || "document";
+  return base.toLowerCase().endsWith(".pdf") ? base : `${base}.pdf`;
+}
+function clampSplitWidth(w) {
+  const maxW = Math.floor(window.innerWidth * MAX_WIDTH_RATIO);
+  return Math.max(MIN_WIDTH, Math.min(maxW, w));
+}
+function PdfSheetV2({
+  src,
+  title,
+  onClose,
+  mode = "split"
+}) {
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: src && /* @__PURE__ */ jsx(
+    PdfSheetPanel,
+    {
+      src,
+      title,
+      onClose,
+      mode
+    },
+    "pdf-panel"
+  ) });
+}
+function PdfSheetPanel({
+  src,
+  title,
+  onClose,
+  mode
+}) {
+  const isSheet = mode === "sheet";
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [isDownloading, setIsDownloading] = useState(false);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  const [previewError, setPreviewError] = useState(null);
+  const [loadAttempt, setLoadAttempt] = useState(0);
+  const blobRef = useRef(null);
+  const objectUrlRef = useRef(null);
+  const [panelWidth, setPanelWidth] = useState(DEFAULT_WIDTH);
+  const [splitOpened, setSplitOpened] = useState(false);
+  const [isDragging, setIsDragging] = useState(false);
+  useEffect(() => {
+    setIsLoaded(false);
+    setPreviewUrl(null);
+    setPreviewError(null);
+    setPanelWidth(DEFAULT_WIDTH);
+    setSplitOpened(false);
+    blobRef.current = null;
+    if (objectUrlRef.current) {
+      URL.revokeObjectURL(objectUrlRef.current);
+      objectUrlRef.current = null;
+    }
+    let cancelled = false;
+    const loadPreview = async () => {
+      try {
+        const blob = await fetchPdfBlob(src);
+        if (cancelled) return;
+        blobRef.current = blob;
+        const objectUrl = URL.createObjectURL(blob);
+        objectUrlRef.current = objectUrl;
+        setPreviewUrl(objectUrl);
+      } catch (error) {
+        if (!cancelled) {
+          setPreviewError(normalizePdfPreviewError(error));
+        }
+      }
+    };
+    void loadPreview();
+    return () => {
+      cancelled = true;
+      if (objectUrlRef.current) {
+        URL.revokeObjectURL(objectUrlRef.current);
+        objectUrlRef.current = null;
+      }
+      blobRef.current = null;
+    };
+  }, [src, loadAttempt]);
+  useEffect(() => {
+    if (isSheet) return;
+    const onWindowResize = () => setPanelWidth((size) => clampSplitWidth(size));
+    window.addEventListener("resize", onWindowResize);
+    return () => window.removeEventListener("resize", onWindowResize);
+  }, [isSheet]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Escape") onClose();
+    },
+    [onClose]
+  );
+  useEffect(() => {
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown]);
+  const canDownload = isLoaded && previewUrl != null && !previewError;
+  const handleDownload = async () => {
+    const filename = pdfDownloadName(title);
+    setIsDownloading(true);
+    try {
+      const blob = blobRef.current ?? await fetchPdfBlob(src);
+      const objectUrl = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = objectUrl;
+      a.download = filename;
+      a.target = "_blank";
+      a.rel = "noopener noreferrer";
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+      URL.revokeObjectURL(objectUrl);
+    } catch (error) {
+      setPreviewError(normalizePdfPreviewError(error));
+    } finally {
+      setIsDownloading(false);
+    }
+  };
+  const handleRetry = () => {
+    setPreviewError(null);
+    setIsLoaded(false);
+    setPreviewUrl(null);
+    setLoadAttempt((attempt) => attempt + 1);
+  };
+  const handleOpenInNewTab = () => {
+    window.open(src, "_blank", "noopener,noreferrer");
+  };
+  const onResizeMouseDown = (e) => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    const startX = e.clientX;
+    const startW = panelWidth;
+    setIsDragging(true);
+    const onMove = (ev) => {
+      setPanelWidth(clampSplitWidth(startW + (startX - ev.clientX)));
+    };
+    const onUp = () => {
+      setIsDragging(false);
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    };
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  };
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      className: cn(
+        "payman-v2-root payman-v2-pdf-sheet-panel",
+        isSheet && "payman-v2-pdf-sheet-panel--sheet"
+      ),
+      style: { minWidth: 0 },
+      initial: isSheet ? { x: "100%", opacity: 0 } : { width: 0, opacity: 0 },
+      animate: isSheet ? { x: 0, opacity: 1 } : { width: panelWidth, opacity: 1 },
+      exit: isSheet ? { x: "100%", opacity: 0, transition: { x: SHEET_EXIT, opacity: SHEET_EXIT } } : { width: 0, opacity: 0, transition: { width: SHEET_EXIT, opacity: SHEET_EXIT } },
+      transition: isSheet ? { x: SPRING, opacity: SPRING } : {
+        width: splitOpened ? { duration: 0 } : SPRING,
+        opacity: SPRING
+      },
+      onAnimationComplete: () => {
+        if (!isSheet && !splitOpened) setSplitOpened(true);
+      },
+      children: [
+        !isSheet && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "payman-v2-pdf-sheet-resize-handle",
+            onMouseDown: onResizeMouseDown,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("div", { className: "payman-v2-pdf-sheet-resize-grip" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "payman-v2-pdf-sheet-header", children: [
+          /* @__PURE__ */ jsxs("div", { className: "payman-v2-pdf-sheet-header-left", children: [
+            /* @__PURE__ */ jsx("div", { className: "payman-v2-pdf-sheet-file-icon", children: /* @__PURE__ */ jsx(FileText, { size: 14, strokeWidth: 1.75 }) }),
+            /* @__PURE__ */ jsx("span", { className: "payman-v2-pdf-sheet-title", title, children: title || "Document" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "payman-v2-pdf-sheet-header-actions", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "payman-v2-pdf-sheet-download-btn",
+                "aria-label": "Download PDF",
+                disabled: !canDownload || isDownloading,
+                onClick: () => void handleDownload(),
+                children: [
+                  isDownloading ? /* @__PURE__ */ jsx(Loader2, { size: 13, strokeWidth: 2, style: { animation: "payman-v2-spin 0.65s linear infinite" } }) : /* @__PURE__ */ jsx(Download, { size: 13, strokeWidth: 2 }),
+                  /* @__PURE__ */ jsx("span", { children: isDownloading ? "Downloading\u2026" : "Download" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "payman-v2-pdf-sheet-close-btn",
+                "aria-label": "Close preview",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onClose();
+                },
+                children: /* @__PURE__ */ jsx(X, { size: 15, strokeWidth: 2.25 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "payman-v2-pdf-sheet-body", children: previewError ? /* @__PURE__ */ jsxs("div", { className: "payman-v2-pdf-sheet-error", role: "alert", children: [
+          /* @__PURE__ */ jsx("div", { className: "payman-v2-pdf-sheet-error-icon", children: /* @__PURE__ */ jsx(AlertCircle, { size: 22, strokeWidth: 1.75 }) }),
+          /* @__PURE__ */ jsx("p", { className: "payman-v2-pdf-sheet-error-title", children: previewError.title }),
+          /* @__PURE__ */ jsx("p", { className: "payman-v2-pdf-sheet-error-message", children: previewError.userMessage }),
+          /* @__PURE__ */ jsxs("div", { className: "payman-v2-pdf-sheet-error-actions", children: [
+            previewError.kind === "network" && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "payman-v2-pdf-sheet-error-btn",
+                onClick: handleRetry,
+                children: [
+                  /* @__PURE__ */ jsx(RefreshCw, { size: 14, strokeWidth: 2 }),
+                  /* @__PURE__ */ jsx("span", { children: "Try again" })
+                ]
+              }
+            ),
+            (previewError.kind === "network" || previewError.kind === "unknown") && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "payman-v2-pdf-sheet-error-btn payman-v2-pdf-sheet-error-btn-secondary",
+                onClick: handleOpenInNewTab,
+                children: [
+                  /* @__PURE__ */ jsx(ExternalLink, { size: 14, strokeWidth: 2 }),
+                  /* @__PURE__ */ jsx("span", { children: "Open link" })
+                ]
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          (!isLoaded || !previewUrl) && /* @__PURE__ */ jsxs("div", { className: "payman-v2-pdf-sheet-loading", children: [
+            /* @__PURE__ */ jsx(
+              Loader2,
+              {
+                size: 20,
+                strokeWidth: 2,
+                style: { animation: "payman-v2-spin 0.65s linear infinite", color: "var(--payman-v2-text-3)" }
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "payman-v2-pdf-sheet-loading-text", children: previewUrl ? "Preparing preview\u2026" : "Opening document\u2026" })
+          ] }),
+          previewUrl && /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              src: previewUrl,
+              title: title || "PDF Preview",
+              className: "payman-v2-pdf-sheet-iframe",
+              style: {
+                opacity: isLoaded ? 1 : 0,
+                transition: "opacity 0.3s ease",
+                pointerEvents: isDragging ? "none" : "auto"
+              },
+              onLoad: () => setIsLoaded(true)
+            },
+            previewUrl
+          )
+        ] }) })
+      ]
+    }
+  );
+}
 var DEFAULT_USER_ACTION_STATE = {
   prompts: [],
   notifications: []
@@ -6040,7 +7301,8 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   onLoadMoreMessages,
   isLoadingMoreMessages = false,
   hasMoreMessages = false,
-  chat
+  chat,
+  attachmentUpload
 }, ref) {
   const [inputValue, setInputValue] = useState("");
   const prevInputValueRef = useRef(inputValue);
@@ -6119,6 +7381,19 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
       }
     }
   );
+  const [pdfSheet, setPdfSheet] = useState(null);
+  const autoOpenedPdfHrefsRef = useRef(/* @__PURE__ */ new Set());
+  const pdfPreviewMode = config.pdfPreviewMode ?? "split";
+  const openPdfSheet = useCallback((href, title, options) => {
+    if (options?.auto) {
+      if (autoOpenedPdfHrefsRef.current.has(href)) return;
+      autoOpenedPdfHrefsRef.current.add(href);
+    }
+    setPdfSheet({ href, title });
+  }, []);
+  const closePdfSheet = useCallback(() => {
+    setPdfSheet(null);
+  }, []);
   const contextValue = useMemo(
     () => ({
       resetSession,
@@ -6127,7 +7402,8 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
       cancelStream,
       getSessionId,
       getMessages,
-      isWaitingForResponse
+      isWaitingForResponse,
+      openPdfSheet
     }),
     [
       resetSession,
@@ -6136,7 +7412,8 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
       cancelStream,
       getSessionId,
       getMessages,
-      isWaitingForResponse
+      isWaitingForResponse,
+      openPdfSheet
     ]
   );
   const {
@@ -6192,7 +7469,10 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
     setInputValue("");
     setLightboxSrc(null);
     setLightboxAlt("");
+    setPdfSheet(null);
+    autoOpenedPdfHrefsRef.current.clear();
     chatInputV2Ref.current?.setDraft("");
+    chatInputV2Ref.current?.clearAttachments();
     clearTranscript();
     if (isRecording) {
       stopRecording();
@@ -6243,14 +7523,20 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
     emptyStateComponent,
     showResetSession = false,
     enableDeepModeToggle = true,
-    showAttachmentButton = true,
-    showUploadImageButton = true,
-    showAttachFileButton = true,
     messageActions: messageActionsConfig,
     enableSlashCommands = true,
     slashCommands: slashCommandsConfig,
     commandPermissions
   } = config;
+  const attachmentSettings = useMemo(
+    () => resolveChatAttachmentConfig(config),
+    [
+      config.attachments,
+      config.showAttachmentButton,
+      config.showUploadImageButton,
+      config.showAttachFileButton
+    ]
+  );
   const messageActions = useMemo(
     () => ({
       userMessageActions: {
@@ -6338,11 +7624,22 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
   };
   const userActionPrompts = isUserActionSupported ? userActionState.prompts : void 0;
   const notifications = userActionState.notifications;
-  const handleV2Send = (text) => {
+  const handleAttachmentsChange = useCallback(
+    (attachments) => {
+      attachmentUpload.syncAttachments(attachments);
+    },
+    [attachmentUpload]
+  );
+  const handleV2Send = (text, files = [], attachments = []) => {
     if (isRecording) stopRecording();
-    if (text.trim() && !disableInput && isSessionParamsConfigured) {
+    if ((text.trim() || files.length > 0) && !disableInput && isSessionParamsConfigured) {
+      if (files.length > 0 && attachments.length === 0) return;
       setEditingMessageId(null);
-      void sendMessage(text.trim(), { analysisMode: effectiveAnalysisMode });
+      void sendMessage(text.trim(), {
+        analysisMode: effectiveAnalysisMode,
+        attachments,
+        files
+      });
     }
   };
   const handleVoicePress = useCallback(async () => {
@@ -6390,155 +7687,214 @@ var PaymanChatInner = forwardRef(function PaymanChatInner2({
       style,
       children: [
         children,
-        /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isEmpty && !hasEverSentMessage ? /* @__PURE__ */ jsx(
-          motion.div,
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            initial: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: { duration: 0.3 },
-            className: "payman-v2-chat-layout",
-            style: { justifyContent: "center", alignItems: "center" },
-            children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", flex: 1, width: "100%" }, children: [
-              /* @__PURE__ */ jsx(
-                MessageList,
-                {
-                  messages,
-                  isLoading: false,
-                  emptyStateText,
-                  showEmptyStateIcon,
-                  emptyStateComponent,
-                  layout,
-                  showTimestamps,
-                  stage: config.stage || "DEVELOPMENT",
-                  animated,
-                  showAgentName,
-                  agentName,
-                  showAvatars,
-                  showUserAvatar,
-                  showAssistantAvatar,
-                  showExecutionSteps,
-                  showStreamingDot,
-                  streamingStepsText,
-                  completedStepsText,
-                  onExecutionTraceClick,
-                  onLoadMoreMessages,
-                  isLoadingMoreMessages,
-                  hasMoreMessages
-                }
-              ),
-              /* @__PURE__ */ jsx(
+            className: cn(
+              "payman-v2-split-layout",
+              pdfPreviewMode === "sheet" && "payman-v2-split-layout--sheet"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "payman-v2-chat-column", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isEmpty && !hasEverSentMessage ? /* @__PURE__ */ jsx(
                 motion.div,
                 {
-                  initial: { opacity: 0, y: 12 },
-                  animate: { opacity: 1, y: 0 },
-                  transition: { delay: 0.2, duration: 0.4, ease: [0.25, 0.46, 0.45, 0.94] },
-                  style: { width: "100%" },
-                  children: hasAskPermission && /* @__PURE__ */ 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
-                    }
-                  )
-                }
-              )
-            ] })
-          },
-          "v2-empty"
-        ) : /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: hasEverSentMessage ? { opacity: 0 } : false,
-            animate: { opacity: 1 },
-            transition: { duration: 0.3 },
-            className: "payman-v2-chat-layout",
-            children: [
-              /* @__PURE__ */ jsx(
-                MessageListV2,
+                  initial: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition: { duration: 0.3 },
+                  className: "payman-v2-chat-layout",
+                  style: { justifyContent: "center", alignItems: "center" },
+                  children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", flex: 1, width: "100%" }, children: [
+                    /* @__PURE__ */ jsx(
+                      MessageList,
+                      {
+                        messages,
+                        isLoading: false,
+                        emptyStateText,
+                        showEmptyStateIcon,
+                        emptyStateComponent,
+                        layout,
+                        showTimestamps,
+                        stage: config.stage || "DEVELOPMENT",
+                        animated,
+                        showAgentName,
+                        agentName,
+                        showAvatars,
+                        showUserAvatar,
+                        showAssistantAvatar,
+                        showExecutionSteps,
+                        showStreamingDot,
+                        streamingStepsText,
+                        completedStepsText,
+                        onExecutionTraceClick,
+                        onLoadMoreMessages,
+                        isLoadingMoreMessages,
+                        hasMoreMessages
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        initial: { opacity: 0, y: 12 },
+                        animate: { opacity: 1, y: 0 },
+                        transition: { delay: 0.2, duration: 0.4, ease: [0.25, 0.46, 0.45, 0.94] },
+                        style: { width: "100%" },
+                        children: hasAskPermission && /* @__PURE__ */ jsx(
+                          ChatInputV2,
+                          {
+                            ref: chatInputV2Ref,
+                            onSend: handleV2Send,
+                            onCancel: cancelStream,
+                            disabled: isV2InputDisabled,
+                            isStreaming: isWaitingForResponse,
+                            isUploadingAttachments: attachmentUpload.isUploading,
+                            attachmentsReady: attachmentUpload.allReady,
+                            hasAttachmentUploadErrors: attachmentUpload.hasErrors,
+                            attachmentUploadStatusById: attachmentUpload.statusById,
+                            uploadedAttachmentPayloads: attachmentUpload.payloads,
+                            onAttachmentsChange: handleAttachmentsChange,
+                            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: attachmentSettings.showAttachmentButton,
+                            showUploadImageButton: attachmentSettings.showUploadImageButton,
+                            showAttachFileButton: attachmentSettings.showAttachFileButton,
+                            allowedImageExtensions: attachmentSettings.allowedImageExtensions,
+                            allowedFileExtensions: attachmentSettings.allowedFileExtensions,
+                            maxCount: attachmentSettings.maxCount,
+                            maxFileBytes: attachmentSettings.maxFileBytes,
+                            maxTotalBytes: attachmentSettings.maxTotalBytes,
+                            onUploadImageClick,
+                            onAttachFileClick,
+                            editingMessageId,
+                            onClearEditing: handleClearEditing,
+                            analysisMode: enableDeepModeToggle ? analysisMode : void 0,
+                            onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
+                            slashCommands
+                          }
+                        )
+                      }
+                    )
+                  ] })
+                },
+                "v2-empty"
+              ) : /* @__PURE__ */ jsxs(
+                motion.div,
                 {
-                  ref: messageListV2Ref,
-                  messages,
-                  isStreaming: isWaitingForResponse,
-                  onEditUserMessage: handleEditMessageDraft,
-                  onRetryUserMessage: handleRetryUserMessage,
-                  onImageClick: handleImageClick,
-                  onExecutionTraceClick,
-                  messageActions,
-                  retryDisabled: isWaitingForResponse,
-                  typingSpeed: config.typingSpeed ?? 4,
-                  userActionPrompts,
-                  notifications,
-                  onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
-                  onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
-                  onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
-                  onDismissNotification: dismissNotification,
-                  onSubmitFeedback: handleSubmitFeedback
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                StreamingIndicatorV2,
+                  initial: hasEverSentMessage ? { opacity: 0 } : false,
+                  animate: { opacity: 1 },
+                  transition: { duration: 0.3 },
+                  className: "payman-v2-chat-layout",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      MessageListV2,
+                      {
+                        ref: messageListV2Ref,
+                        messages,
+                        isStreaming: isWaitingForResponse,
+                        sidePanelOpen: !!pdfSheet,
+                        onEditUserMessage: handleEditMessageDraft,
+                        onRetryUserMessage: handleRetryUserMessage,
+                        onImageClick: handleImageClick,
+                        onExecutionTraceClick,
+                        messageActions,
+                        retryDisabled: isWaitingForResponse,
+                        typingSpeed: config.typingSpeed ?? 4,
+                        userActionPrompts,
+                        notifications,
+                        onSubmitUserAction: isUserActionSupported ? submitUserAction2 : void 0,
+                        onCancelUserAction: isUserActionSupported ? cancelUserAction2 : void 0,
+                        onResendUserAction: isUserActionSupported ? resendUserAction2 : void 0,
+                        onDismissNotification: dismissNotification,
+                        onSubmitFeedback: handleSubmitFeedback
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      StreamingIndicatorV2,
+                      {
+                        isStreaming: isWaitingForResponse,
+                        loadingAnimation: config.loadingAnimation
+                      }
+                    ),
+                    hasAskPermission && /* @__PURE__ */ jsx(
+                      ChatInputV2,
+                      {
+                        ref: chatInputV2Ref,
+                        onSend: handleV2Send,
+                        onCancel: cancelStream,
+                        disabled: isV2InputDisabled,
+                        isStreaming: isWaitingForResponse,
+                        isUploadingAttachments: attachmentUpload.isUploading,
+                        attachmentsReady: attachmentUpload.allReady,
+                        hasAttachmentUploadErrors: attachmentUpload.hasErrors,
+                        attachmentUploadStatusById: attachmentUpload.statusById,
+                        uploadedAttachmentPayloads: attachmentUpload.payloads,
+                        onAttachmentsChange: handleAttachmentsChange,
+                        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: attachmentSettings.showAttachmentButton,
+                        showUploadImageButton: attachmentSettings.showUploadImageButton,
+                        showAttachFileButton: attachmentSettings.showAttachFileButton,
+                        allowedImageExtensions: attachmentSettings.allowedImageExtensions,
+                        allowedFileExtensions: attachmentSettings.allowedFileExtensions,
+                        maxCount: attachmentSettings.maxCount,
+                        maxFileBytes: attachmentSettings.maxFileBytes,
+                        maxTotalBytes: attachmentSettings.maxTotalBytes,
+                        onUploadImageClick,
+                        onAttachFileClick,
+                        editingMessageId,
+                        onClearEditing: handleClearEditing,
+                        analysisMode: enableDeepModeToggle ? analysisMode : void 0,
+                        onAnalysisModeChange: enableDeepModeToggle ? setAnalysisMode : void 0,
+                        slashCommands
+                      }
+                    )
+                  ]
+                },
+                "v2-chat"
+              ) }) }),
+              pdfPreviewMode === "split" && /* @__PURE__ */ jsx(
+                PdfSheetV2,
                 {
-                  isStreaming: isWaitingForResponse,
-                  loadingAnimation: config.loadingAnimation
+                  src: pdfSheet?.href ?? null,
+                  title: pdfSheet?.title ?? "",
+                  onClose: closePdfSheet,
+                  mode: "split"
                 }
               ),
-              hasAskPermission && /* @__PURE__ */ jsx(
-                ChatInputV2,
+              pdfPreviewMode === "sheet" && /* @__PURE__ */ jsx(
+                "div",
                 {
-                  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
+                  className: "payman-v2-pdf-sheet-top-anchor",
+                  "aria-hidden": !pdfSheet,
+                  children: /* @__PURE__ */ jsx(
+                    PdfSheetV2,
+                    {
+                      src: pdfSheet?.href ?? null,
+                      title: pdfSheet?.title ?? "",
+                      onClose: closePdfSheet,
+                      mode: "sheet"
+                    }
+                  )
                 }
               )
             ]
-          },
-          "v2-chat"
-        ) }),
+          }
+        ),
         /* @__PURE__ */ jsx(
           ImageLightboxV2,
           {
@@ -6573,10 +7929,19 @@ var PaymanChat = forwardRef(
   function PaymanChat2(props, ref) {
     const mergedCallbacks = useSentryChatCallbacks(props.callbacks, props.config);
     const chat = useChatV2(props.config, mergedCallbacks);
-    return /* @__PURE__ */ jsx(PaymanChatInner, { ...props, chat, ref });
+    const attachmentUpload = useAttachmentUpload(props.config);
+    return /* @__PURE__ */ jsx(
+      PaymanChatInner,
+      {
+        ...props,
+        chat,
+        attachmentUpload,
+        ref
+      }
+    );
   }
 );
 
-export { PaymanChat, PaymanChatContext, UserActionStaleError, cancelUserAction, captureSentryError, cn, formatDate, resendUserAction, submitUserAction, useChatV2, usePaymanChat, useVoice };
+export { PaymanChat, PaymanChatContext, PdfSheetV2, UserActionStaleError, buildSignedUrlEndpoint, cancelUserAction, captureSentryError, cn, formatAttachmentBytes, formatDate, getPdfTitleFromUrl, isPdfUrl, mapExecutionHistoryPageToChatMessages, mapExecutionHistoryToChatMessages, resendUserAction, stripAttachmentsSuffixFromIntent, submitUserAction, uploadAttachment, uploadAttachments, useAttachmentUpload, useChatV2, usePaymanChat, useVoice };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map