@paymanai/payman-ask-sdk 4.0.12 → 4.0.13

package/dist/index.js

@@ -819,66 +819,6 @@ function processStreamEventV2(rawEvent, state) {
   }
   return state;
 }
-function buildFormattedThinking(steps, allThinkingText) {
-  const parts = [];
-  const safeSteps = steps ?? [];
-  const cleanAll = allThinkingText.replace(/^\s+/, "");
-  if (cleanAll) {
-    const firstStepWithThinking = safeSteps.find(
-      (s) => s.thinkingText && s.thinkingText.trim()
-    );
-    if (!firstStepWithThinking) {
-      parts.push("**Preflight**");
-      parts.push(cleanAll);
-    } else {
-      const stepText = firstStepWithThinking.thinkingText.trim();
-      const idx = cleanAll.indexOf(stepText);
-      if (idx > 0) {
-        const orphaned = cleanAll.substring(0, idx).replace(/\s+$/, "");
-        if (orphaned) {
-          parts.push("**Preflight**");
-          parts.push(orphaned);
-        }
-      }
-    }
-  }
-  for (const step of safeSteps) {
-    switch (step.eventType) {
-      case "STAGE_STARTED": {
-        if (step.message) parts.push(`**${step.message}**`);
-        break;
-      }
-      case "ORCHESTRATOR_THINKING":
-        parts.push("**Planning**");
-        if (step.message) parts.push(step.message);
-        break;
-      case "INTENT_STARTED": {
-        let label = step.message || "Processing";
-        const started = label.match(/^(.+?)\s+started$/i);
-        const progress = label.match(/^(.+?)\s+in progress$/i);
-        if (started) label = started[1];
-        else if (progress) label = progress[1];
-        parts.push(`**${label}**`);
-        if (step.thinkingText) parts.push(step.thinkingText);
-        break;
-      }
-      case "INTENT_PROGRESS": {
-        if (step.thinkingText) parts.push(step.thinkingText);
-        else if (step.message) parts.push(step.message);
-        break;
-      }
-      case "AGGREGATOR_THINKING":
-        parts.push("**Finalizing**");
-        if (step.message) parts.push(step.message);
-        break;
-      case "USER_ACTION_REQUIRED":
-        parts.push("**Action required**");
-        if (step.message) parts.push(step.message);
-        break;
-    }
-  }
-  return parts.length > 0 ? parts.join("\n") : allThinkingText;
-}
 function createCancelledMessageUpdate(steps, currentMessage) {
   const updatedSteps = steps.map((step) => {
     if (step.status === "in_progress") {
@@ -2055,9 +1995,6 @@ function buildContent(schema, values) {
   }
   return content;
 }
-function migrateActiveStream(oldUserId, newUserId) {
-  activeStreamStore.rename(oldUserId, newUserId);
-}
 var PaymanChatContext = react.createContext(void 0);
 function usePaymanChat() {
   const context = react.useContext(PaymanChatContext);
@@ -2563,46 +2500,6 @@ function createMarkdownComponents(options = {}) {
     td: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 align-middle text-sm whitespace-nowrap", children })
   };
 }
-function ThinkingBlock({ text }) {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const hasContent = typeof text === "string" && text.trim().length > 0;
-  if (!hasContent) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 mb-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setIsOpen((prev) => !prev),
-        className: "inline-flex items-center gap-1 text-[10px] payman-agent-thinking-toggle transition-colors",
-        "aria-expanded": isOpen,
-        "aria-label": isOpen ? "Collapse thought process" : "Expand thought process",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            framerMotion.motion.div,
-            {
-              animate: { rotate: isOpen ? 180 : 0 },
-              transition: { duration: 0.15 },
-              className: "shrink-0",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Thought process" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        initial: { height: 0, opacity: 0 },
-        animate: { height: "auto", opacity: 1 },
-        exit: { height: 0, opacity: 0 },
-        transition: { duration: 0.2, ease: "easeInOut" },
-        className: "overflow-hidden",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 payman-agent-thinking-block rounded-md p-2 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "m-0 text-xs payman-agent-thinking-block-text whitespace-pre-wrap leading-relaxed", children: text }) })
-      }
-    ) })
-  ] });
-}
 var FRIENDLY_ERROR_MESSAGE2 = "Oops, something went wrong. Please try again.";
 function looksLikeRawError(text) {
   if (!text || text.length < 10) return false;
@@ -2645,8 +2542,6 @@ function AgentMessage({
   const completedWithNoContent = !isStreaming && !isCancelled && content.length === 0 && (message.streamProgress === "completed" || message.streamProgress === "error");
   const conflictErrorMessage = getConflictErrorMessage(message.errorDetails);
   const isError = !!conflictErrorMessage || (isFriendlyWorkflowError(message.errorDetails) || looksLikeRawError(content)) && !hasMeaningfulContent || completedWithNoContent;
-  const activeThinkingText = message.activeThinkingText;
-  const allThinkingText = message.allThinkingText;
   const currentStep = react.useMemo(
     () => message.steps?.find(
       (s) => s.id === currentExecutingStepId && s.status === "in_progress"
@@ -2689,7 +2584,7 @@ function AgentMessage({
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5 payman-agent-step-icon--error" }) });
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-1.5 rounded-full payman-agent-step-icon--pending-dim" }) });
   };
-  const stepsListContent = hasSteps && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: isStepsExpanded && /* @__PURE__ */ jsxRuntime.jsxs(
+  const stepsListContent = hasSteps && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: isStepsExpanded && /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.div,
     {
       initial: { height: 0, opacity: 0 },
@@ -2697,37 +2592,34 @@ function AgentMessage({
       exit: { height: 0, opacity: 0 },
       transition: { duration: 0.2, ease: "easeInOut" },
       className: "overflow-hidden",
-      children: [
-        !isStreaming && allThinkingText?.trim() && /* @__PURE__ */ jsxRuntime.jsx(ThinkingBlock, { text: allThinkingText }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-1.5", children: message.steps.map((step) => {
-          const isCurrentlyExecuting = step.id === currentExecutingStepId && step.status === "in_progress" && isStreaming && !isCancelled;
-          const hasTime = step.elapsedMs != null && step.elapsedMs > 0;
-          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-px", children: renderStepIcon(step, isCurrentlyExecuting) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: cn(
-                    "text-xs leading-relaxed min-w-0 break-words",
-                    isCurrentlyExecuting && "shimmer-text font-medium",
-                    !isCurrentlyExecuting && step.status === "error" && "payman-agent-step-text--error",
-                    !isCurrentlyExecuting && step.eventType === "USER_ACTION_SUCCESS" && "payman-agent-step-text--success",
-                    !isCurrentlyExecuting && step.status === "completed" && "payman-agent-step-text--completed",
-                    !isCurrentlyExecuting && step.status === "pending" && "payman-agent-step-text--pending",
-                    !isCurrentlyExecuting && step.status === "in_progress" && "payman-agent-step-text--in-progress"
-                  ),
-                  children: step.message
-                }
-              )
-            ] }),
-            hasTime && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-[22px] mt-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md payman-agent-step-time leading-none", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-2.5 w-2.5 shrink-0 payman-agent-step-time-icon" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-mono payman-agent-step-time-text", children: formatElapsedTime(step.elapsedMs) })
-            ] }) })
-          ] }, step.id);
-        }) })
-      ]
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-1.5", children: message.steps.map((step) => {
+        const isCurrentlyExecuting = step.id === currentExecutingStepId && step.status === "in_progress" && isStreaming && !isCancelled;
+        const hasTime = step.elapsedMs != null && step.elapsedMs > 0;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 items-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-px", children: renderStepIcon(step, isCurrentlyExecuting) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "text-xs leading-relaxed min-w-0 break-words",
+                  isCurrentlyExecuting && "shimmer-text font-medium",
+                  !isCurrentlyExecuting && step.status === "error" && "payman-agent-step-text--error",
+                  !isCurrentlyExecuting && step.eventType === "USER_ACTION_SUCCESS" && "payman-agent-step-text--success",
+                  !isCurrentlyExecuting && step.status === "completed" && "payman-agent-step-text--completed",
+                  !isCurrentlyExecuting && step.status === "pending" && "payman-agent-step-text--pending",
+                  !isCurrentlyExecuting && step.status === "in_progress" && "payman-agent-step-text--in-progress"
+                ),
+                children: step.message
+              }
+            )
+          ] }),
+          hasTime && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-[22px] mt-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md payman-agent-step-time leading-none", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-2.5 w-2.5 shrink-0 payman-agent-step-time-icon" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-mono payman-agent-step-time-text", children: formatElapsedTime(step.elapsedMs) })
+          ] }) })
+        ] }, step.id);
+      }) })
     }
   ) });
   const stepsToggleRef = react.useRef(null);
@@ -2808,22 +2700,13 @@ function AgentMessage({
                       "text-sm leading-relaxed min-w-0 w-full break-words overflow-wrap-anywhere",
                       showAgentName && "mt-1"
                     ),
-                    children: isStreaming && !content ? (
-                      // Streaming without content — show thinking/step indicator
-                      activeThinkingText ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-start", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 mt-0.5 payman-agent-thinking-spinner animate-spin shrink-0" }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm leading-relaxed min-w-0 break-words payman-agent-thinking-text whitespace-pre-wrap flex-1", children: [
-                          activeThinkingText,
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-0.5 h-3.5 payman-agent-thinking-cursor animate-pulse ml-0.5 align-text-bottom" })
-                        ] })
-                      ] }) : currentStep ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 items-start", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 shrink-0", children: renderStepIcon(currentStep, true) }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-relaxed min-w-0 break-words shimmer-text font-medium flex-1", children: currentStep.message })
-                      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5 items-start", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-4 h-4 mt-0.5 payman-agent-thinking-spinner animate-spin shrink-0" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm payman-agent-thinking-text flex-1", children: currentMessage || "Thinking..." })
-                      ] })
-                    ) : isCancelled && !content ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5 items-start", children: [
+                    children: isStreaming && !content ? currentStep ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 items-start", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 shrink-0", children: renderStepIcon(currentStep, true) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-relaxed min-w-0 break-words shimmer-text font-medium flex-1", children: currentStep.message })
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5 items-start", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-4 h-4 mt-0.5 payman-agent-thinking-spinner animate-spin shrink-0" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm payman-agent-thinking-text flex-1", children: currentMessage || "Thinking..." })
+                    ] }) : isCancelled && !content ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2.5 items-start", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4 mt-0.5 payman-agent-cancelled-icon shrink-0" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm payman-agent-cancelled-text italic flex-1", children: currentMessage || "Request was stopped." })
                     ] }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -3692,7 +3575,62 @@ function MarkdownImageV2({
     }
   ) });
 }
-function buildComponents(onImageClick, isResolvingRef) {
+function PdfBlockV2({ title, href, onOpen }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "payman-v2-pdf-block",
+      onClick: (e) => {
+        e.preventDefault();
+        onOpen(href, title);
+      },
+      "aria-label": `Open PDF: ${title}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-pdf-block-icon-area", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { size: 18, strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-pdf-block-body", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-pdf-block-name", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-pdf-block-sub", children: "PDF \xB7 Click to preview" })
+        ] })
+      ]
+    }
+  );
+}
+function isPdfUrl(href) {
+  if (!href) return false;
+  try {
+    const url = new URL(href);
+    const filename = url.searchParams.get("filename");
+    if (filename?.toLowerCase().endsWith(".pdf")) return true;
+    return url.pathname.toLowerCase().endsWith(".pdf");
+  } catch {
+    return href.toLowerCase().endsWith(".pdf");
+  }
+}
+function getPdfTitleFromUrl(href) {
+  try {
+    const url = new URL(href);
+    const filename = url.searchParams.get("filename");
+    if (filename) {
+      return filename.replace(/\.pdf$/i, "").replace(/[-_]+/g, " ").trim();
+    }
+    const parts = url.pathname.split("/").filter(Boolean);
+    const last = parts[parts.length - 1];
+    if (last) return decodeURIComponent(last).replace(/\.pdf$/i, "").replace(/[-_]+/g, " ").trim();
+  } catch {
+  }
+  return "Document";
+}
+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 buildComponents(onImageClick, isResolvingRef, onPdfClick) {
   return {
     p: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("p", { children }),
     code: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("code", { children }),
@@ -3707,7 +3645,15 @@ function buildComponents(onImageClick, isResolvingRef) {
     em: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("em", { children }),
     blockquote: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { children }),
     hr: () => /* @__PURE__ */ jsxRuntime.jsx("hr", {}),
-    a: ({ href, children }) => /* @__PURE__ */ jsxRuntime.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 = linkText || getPdfTitleFromUrl(url);
+        return /* @__PURE__ */ jsxRuntime.jsx(PdfBlockV2, { href: url, title, onOpen: onPdfClick });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", children });
+    },
     img: ({ src, alt }) => /* @__PURE__ */ jsxRuntime.jsx(
       MarkdownImageV2,
       {
@@ -3728,13 +3674,14 @@ function MarkdownRendererV2({
   content,
   isStreaming,
   isResolvingImages,
-  onImageClick
+  onImageClick,
+  onPdfClick
 }) {
   const isResolvingRef = react.useRef(isResolvingImages);
   isResolvingRef.current = isResolvingImages;
   const components = react.useMemo(
-    () => buildComponents(onImageClick, isResolvingRef),
-    [onImageClick]
+    () => buildComponents(onImageClick, isResolvingRef, onPdfClick),
+    [onImageClick, onPdfClick]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -3999,6 +3946,199 @@ function FeedbackReasonModal({
     }
   ) : null });
 }
+var MIN_WIDTH = 320;
+var MAX_WIDTH_RATIO = 0.92;
+var DEFAULT_WIDTH = 680;
+function PdfSheetV2({ src, title, onClose }) {
+  const [isMounted, setIsMounted] = react.useState(false);
+  const [isLoaded, setIsLoaded] = react.useState(false);
+  const [width, setWidth] = react.useState(DEFAULT_WIDTH);
+  const panelRef = react.useRef(null);
+  const isDragging = react.useRef(false);
+  const dragStartX = react.useRef(0);
+  const dragStartWidth = react.useRef(0);
+  react.useEffect(() => {
+    setIsMounted(true);
+    return () => setIsMounted(false);
+  }, []);
+  react.useEffect(() => {
+    setIsLoaded(false);
+  }, [src]);
+  react.useEffect(() => {
+    const onResize = () => {
+      const max = Math.floor(window.innerWidth * MAX_WIDTH_RATIO);
+      setWidth((w) => Math.min(w, max));
+    };
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, []);
+  const handleKeyDown = react.useCallback(
+    (e) => {
+      if (e.key === "Escape") onClose();
+    },
+    [onClose]
+  );
+  react.useEffect(() => {
+    if (!src || typeof document === "undefined") return;
+    document.addEventListener("keydown", handleKeyDown);
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [src, handleKeyDown]);
+  const handleDownload = () => {
+    if (!src || typeof document === "undefined") return;
+    const a = document.createElement("a");
+    a.href = src;
+    a.download = title ? `${title}.pdf` : "document.pdf";
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+  };
+  const onResizeMouseDown = (e) => {
+    e.preventDefault();
+    isDragging.current = true;
+    dragStartX.current = e.clientX;
+    dragStartWidth.current = panelRef.current?.offsetWidth ?? width;
+    document.body.style.cursor = "ew-resize";
+    document.body.style.userSelect = "none";
+  };
+  react.useEffect(() => {
+    const onMouseMove = (e) => {
+      if (!isDragging.current || !panelRef.current) return;
+      const delta = dragStartX.current - e.clientX;
+      const maxW = Math.floor(window.innerWidth * MAX_WIDTH_RATIO);
+      const newW = Math.max(MIN_WIDTH, Math.min(maxW, dragStartWidth.current + delta));
+      panelRef.current.style.width = `${newW}px`;
+    };
+    const onMouseUp = () => {
+      if (!isDragging.current) return;
+      isDragging.current = false;
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+      if (panelRef.current) {
+        setWidth(panelRef.current.offsetWidth);
+      }
+    };
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+  }, []);
+  if (!isMounted || typeof document === "undefined") return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: src ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          className: "payman-v2-pdf-sheet-overlay",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.22 },
+          onClick: onClose,
+          "aria-hidden": "true"
+        },
+        "pdf-sheet-backdrop"
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          ref: panelRef,
+          className: "payman-v2-pdf-sheet",
+          style: { width },
+          initial: { x: "100%" },
+          animate: { x: 0 },
+          exit: { x: "100%" },
+          transition: {
+            type: "spring",
+            stiffness: 340,
+            damping: 34,
+            mass: 0.85
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": title || "PDF Preview",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "payman-v2-pdf-sheet-resize-handle",
+                onMouseDown: onResizeMouseDown,
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-pdf-sheet-resize-grip" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-pdf-sheet-header", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-pdf-sheet-header-left", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "payman-v2-pdf-sheet-file-icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { size: 14, strokeWidth: 1.75 }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-pdf-sheet-title", title, children: title || "Document" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-pdf-sheet-header-actions", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: "payman-v2-pdf-sheet-download-btn",
+                    "aria-label": "Download PDF",
+                    onClick: handleDownload,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 13, strokeWidth: 2 }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Download" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "payman-v2-pdf-sheet-close-btn",
+                    "aria-label": "Close preview",
+                    onClick: onClose,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 15, strokeWidth: 2.25 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-pdf-sheet-body", children: [
+              !isLoaded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-pdf-sheet-loading", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.Loader2,
+                  {
+                    size: 20,
+                    strokeWidth: 2,
+                    style: {
+                      animation: "payman-v2-spin 0.65s linear infinite",
+                      color: "var(--payman-v2-text-3)"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "payman-v2-pdf-sheet-loading-text", children: "Loading PDF\u2026" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "iframe",
+                {
+                  src,
+                  title: title || "PDF Preview",
+                  className: "payman-v2-pdf-sheet-iframe",
+                  style: { opacity: isLoaded ? 1 : 0, transition: "opacity 0.3s ease" },
+                  onLoad: () => setIsLoaded(true)
+                },
+                src
+              )
+            ] })
+          ]
+        },
+        "pdf-sheet-panel"
+      )
+    ] }) : null }),
+    document.body
+  );
+}
 var RESPONSE_SPEED = {
   normal: [2, 4],
   fast: 1,
@@ -4126,6 +4266,10 @@ function AssistantMessageV2({
     () => getFeedbackState(message)
   );
   const [reasonModalOpen, setReasonModalOpen] = react.useState(false);
+  const [pdfSheet, setPdfSheet] = react.useState(null);
+  const handlePdfClick = react.useCallback((href, title) => {
+    setPdfSheet({ href, title });
+  }, []);
   const canSubmitFeedback = !!onSubmitFeedback && !!message.executionId;
   const [toast, setToast] = react.useState(null);
   const copyResetTimerRef = react.useRef(null);
@@ -4323,7 +4467,8 @@ function AssistantMessageV2({
           content: displayContent,
           isStreaming: message.isStreaming && !isCancelled || isResponseTyping,
           isResolvingImages: message.isResolvingImages,
-          onImageClick
+          onImageClick,
+          onPdfClick: handlePdfClick
         }
       ) : !isThinkingStreaming ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "payman-v2-assistant-msg-placeholder", children: "..." }) : null }),
       isCancelled && message.isStreaming && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "payman-v2-assistant-msg-paused", children: [
@@ -4421,6 +4566,14 @@ function AssistantMessageV2({
           showToast("Thank you for your feedback", "success");
         }
       }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PdfSheetV2,
+      {
+        src: pdfSheet?.href ?? null,
+        title: pdfSheet?.title ?? "",
+        onClose: () => setPdfSheet(null)
+      }
     )
   ] });
 }
@@ -6592,7 +6745,7 @@ var PaymanChatInner = react.forwardRef(function PaymanChatInner2({
       style,
       children: [
         children,
-        isChatDisabled ? disabledComponent || /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", color: "var(--payman-v2-text-3)", fontSize: "0.875rem" }, children: "Chat is currently disabled" }) }) : /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: isEmpty && !hasEverSentMessage ? /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: isEmpty && !hasEverSentMessage ? /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.div,
           {
             initial: { opacity: 1 },
@@ -6782,31 +6935,14 @@ var PaymanChat = react.forwardRef(
 exports.PaymanChat = PaymanChat;
 exports.PaymanChatContext = PaymanChatContext;
 exports.UserActionStaleError = UserActionStaleError;
-exports.buildContent = buildContent;
-exports.buildFormattedThinking = buildFormattedThinking;
 exports.cancelUserAction = cancelUserAction;
 exports.captureSentryError = captureSentryError;
-exports.classifyField = classifyField;
-exports.classifyUserActionKind = classifyUserActionKind;
 exports.cn = cn;
-exports.coerceValue = coerceValue;
-exports.createInitialV2State = createInitialV2State;
-exports.defaultValueFor = defaultValueFor;
 exports.formatDate = formatDate;
-exports.generateId = generateId;
-exports.getOptions = getOptions;
-exports.isNestedOrUnsupported = isNestedOrUnsupported;
-exports.isRequired = isRequired;
-exports.migrateActiveStream = migrateActiveStream;
-exports.processStreamEventV2 = processStreamEventV2;
-exports.renderableFields = renderableFields;
 exports.resendUserAction = resendUserAction;
-exports.streamWorkflowEvents = streamWorkflowEvents;
 exports.submitUserAction = submitUserAction;
 exports.useChatV2 = useChatV2;
 exports.usePaymanChat = usePaymanChat;
 exports.useVoice = useVoice;
-exports.validateField = validateField;
-exports.validateForm = validateForm;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map