@invergent/agent-chat-react 1.5.2 → 1.5.3

package/dist/index.d.cts

@@ -292,6 +292,17 @@ interface AgentChatAdapter {
         sessionId: string;
         path: string;
     }): Promise<void>;
+    /**
+     * Build a same-origin URL the browser can navigate to (or anchor at via
+     * ``<a href download>``) to download the workspace file.  The adapter
+     * is responsible for embedding any auth credential the server expects
+     * — typically as a query-string token, since cross-origin/anchor
+     * downloads can't carry custom headers.
+     */
+    getWorkspaceDownloadUrl(input: {
+        sessionId: string;
+        path: string;
+    }): string;
     openEventStream(input: {
         sessionId: string;
         after: number;

package/dist/index.d.ts

@@ -292,6 +292,17 @@ interface AgentChatAdapter {
         sessionId: string;
         path: string;
     }): Promise<void>;
+    /**
+     * Build a same-origin URL the browser can navigate to (or anchor at via
+     * ``<a href download>``) to download the workspace file.  The adapter
+     * is responsible for embedding any auth credential the server expects
+     * — typically as a query-string token, since cross-origin/anchor
+     * downloads can't carry custom headers.
+     */
+    getWorkspaceDownloadUrl(input: {
+        sessionId: string;
+        path: string;
+    }): string;
     openEventStream(input: {
         sessionId: string;
         after: number;

package/dist/index.js

@@ -4,7 +4,7 @@ import { Collapsible as Collapsible$1, Slot, Dialog as Dialog$1, ScrollArea as S
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, GlobeIcon, SearchIcon, ListTodoIcon, XCircleIcon, CheckCircle2Icon, Code, CheckIcon, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircleIcon, CircleIcon, UsersIcon, MessageSquareIcon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, SquareIcon, ArrowDownIcon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, Maximize2Icon, FolderIcon, FileIcon, PlusIcon, CornerDownLeftIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, GlobeIcon, SearchIcon, ListTodoIcon, XCircleIcon, CheckCircle2Icon, Code, CheckIcon, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircleIcon, CircleIcon, UsersIcon, MessageSquareIcon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, SquareIcon, ArrowDownIcon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, Maximize2Icon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, PlusIcon, CornerDownLeftIcon } from 'lucide-react';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
 import { cjk } from '@streamdown/cjk';
 import { code } from '@streamdown/code';
@@ -18,6 +18,7 @@ import Ansi from 'ansi-to-react';
 import { getUsage } from 'tokenlens';
 import { Command as Command$1 } from 'cmdk';
 import { nanoid } from 'nanoid';
+import 'pdfjs-dist/web/pdf_viewer.css';
 import { formatDistanceToNow } from 'date-fns';
 
 // src/agent-chat.tsx
@@ -6360,17 +6361,24 @@ function getLanguageHint(path) {
   return map[ext] ?? "plaintext";
 }
 var SKELETON_WIDTHS = [70, 85, 55, 90, 60, 78, 45, 82, 65, 72];
+var PDF_WORKER_SRC = new URL(
+  "pdfjs-dist/legacy/build/pdf.worker.mjs",
+  import.meta.url
+).toString();
 function FileViewer({
   file,
   loading,
   error,
+  downloadUrl,
+  onDelete,
   onClose
 }) {
   const visible = loading || file !== null || error !== null;
   if (!visible) return null;
   const fileName2 = file?.path.split("/").pop() ?? "File";
   const lang = file ? getLanguageHint(file.path) : "";
-  const isImage = file?.encoding === "base64";
+  const isPdf = file?.mime_type === "application/pdf" || file?.path.toLowerCase().endsWith(".pdf") || false;
+  const isImage = file?.encoding === "base64" && !isPdf;
   const HeaderIcon = isImage ? ImageIcon : FileTextIcon;
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col border-t border-line", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-line px-3 py-2", children: [
@@ -6385,6 +6393,28 @@ function FileViewer({
           ] })
         ] })
       ] }),
+      downloadUrl && /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: downloadUrl,
+          download: fileName2,
+          className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "aria-label": `Download ${fileName2}`,
+          title: "Download",
+          children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-3.5" })
+        }
+      ),
+      onDelete && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onDelete,
+          className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+          "aria-label": `Delete ${fileName2}`,
+          title: "Delete",
+          children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-3.5" })
+        }
+      ),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -6411,6 +6441,8 @@ function FileViewer({
         /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
         /* @__PURE__ */ jsx("span", { children: error })
       ] }),
+      file && isPdf && file.encoding !== "base64" && /* @__PURE__ */ jsx(FileViewerError, { message: "PDF preview requires base64 file content." }),
+      file && isPdf && file.encoding === "base64" && /* @__PURE__ */ jsx(PdfPreview, { file, fileName: fileName2 }),
       file && isImage && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx(
         "img",
         {
@@ -6419,66 +6451,290 @@ function FileViewer({
           className: "max-h-[60vh] max-w-full rounded object-contain"
         }
       ) }),
-      file && !isImage && /* @__PURE__ */ jsx("pre", { className: "wrap-break-word whitespace-pre-wrap p-3 text-[11px] leading-relaxed text-foreground", children: /* @__PURE__ */ jsx("code", { "data-language": lang, children: file.content }) })
+      file && !isImage && !isPdf && /* @__PURE__ */ jsx("pre", { className: "wrap-break-word whitespace-pre-wrap p-3 text-[11px] leading-relaxed text-foreground", children: /* @__PURE__ */ jsx("code", { "data-language": lang, children: file.content }) })
     ] })
   ] });
 }
-var TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".py",
-  ".js",
-  ".ts",
-  ".tsx",
-  ".jsx",
-  ".json",
-  ".md",
-  ".yaml",
-  ".yml",
-  ".toml",
-  ".sql",
-  ".sh",
-  ".css",
-  ".html",
-  ".txt",
-  ".csv",
-  ".rst",
-  ".cfg",
-  ".ini",
-  ".env",
-  ".rs",
-  ".go",
-  ".java",
-  ".rb",
-  ".php",
-  ".c",
-  ".cpp",
-  ".h",
-  ".lock",
-  ".gitignore",
-  ".dockerignore",
-  ".editorconfig"
-]);
-var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".png",
-  ".jpg",
-  ".jpeg",
-  ".gif",
-  ".webp",
-  ".svg",
-  ".bmp",
-  ".ico",
-  ".avif",
-  ".tiff",
-  ".tif"
-]);
+function FileViewerError({ message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 text-xs text-destructive", children: [
+    /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { children: message })
+  ] });
+}
+function PdfPreview({
+  file,
+  fileName: fileName2
+}) {
+  const containerRef = useRef(null);
+  const viewerRef = useRef(null);
+  const pdfViewerRef = useRef(null);
+  const eventBusRef = useRef(null);
+  const findControllerRef = useRef(null);
+  const [error, setError] = useState(null);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [pagesCount, setPagesCount] = useState(0);
+  const [scale, setScale] = useState(1);
+  const [query, setQuery] = useState("");
+  useEffect(() => {
+    let cancelled = false;
+    let loadingTask = null;
+    let pdfDocument = null;
+    const renderPdf = async () => {
+      setError(null);
+      const container = containerRef.current;
+      const viewerElement = viewerRef.current;
+      if (!container || !viewerElement) return;
+      const pdfBytes = decodeBase64(file.content);
+      const pdfjs = await import('pdfjs-dist/legacy/build/pdf.mjs');
+      pdfjs.GlobalWorkerOptions.workerSrc = PDF_WORKER_SRC;
+      globalThis.pdfjsLib = pdfjs;
+      const pdfViewerModule = await import('pdfjs-dist/web/pdf_viewer.mjs');
+      loadingTask = pdfjs.getDocument({ data: pdfBytes });
+      const pdf = await loadingTask.promise;
+      pdfDocument = pdf;
+      if (cancelled) return;
+      const eventBus = new pdfViewerModule.EventBus();
+      const linkService = new pdfViewerModule.PDFLinkService({ eventBus });
+      const findController = new pdfViewerModule.PDFFindController({
+        eventBus,
+        linkService
+      });
+      const pdfViewer = new pdfViewerModule.PDFViewer({
+        container,
+        viewer: viewerElement,
+        eventBus,
+        linkService,
+        findController,
+        removePageBorders: true
+      });
+      linkService.setViewer(pdfViewer);
+      linkService.setDocument(pdf);
+      findController.setDocument(pdf);
+      const onPagesInit = () => {
+        pdfViewer.currentScaleValue = "page-width";
+        setScale(pdfViewer.currentScale || 1);
+        setPagesCount(pdfViewer.pagesCount);
+        setPageNumber(pdfViewer.currentPageNumber);
+      };
+      const onPageChanging = (event) => {
+        if (typeof event.pageNumber === "number") {
+          setPageNumber(event.pageNumber);
+        }
+      };
+      const onScaleChanging = (event) => {
+        if (typeof event.scale === "number") {
+          setScale(event.scale);
+        }
+      };
+      eventBus.on("pagesinit", onPagesInit);
+      eventBus.on("pagechanging", onPageChanging);
+      eventBus.on("scalechanging", onScaleChanging);
+      pdfViewerRef.current = pdfViewer;
+      eventBusRef.current = eventBus;
+      findControllerRef.current = findController;
+      setPagesCount(pdf.numPages);
+      pdfViewer.setDocument(pdf);
+    };
+    void renderPdf().catch((nextError) => {
+      if (cancelled) return;
+      if (nextError instanceof Error && nextError.name === "RenderingCancelledException") {
+        return;
+      }
+      setError(formatPdfPreviewError(nextError));
+    });
+    return () => {
+      cancelled = true;
+      loadingTask?.destroy();
+      pdfDocument?.destroy();
+      pdfViewerRef.current?.cleanup();
+      pdfViewerRef.current = null;
+      eventBusRef.current = null;
+      findControllerRef.current = null;
+    };
+  }, [file.content]);
+  const setViewerPage = (nextPage) => {
+    const viewer = pdfViewerRef.current;
+    if (!viewer) return;
+    const clampedPage = Math.min(
+      Math.max(1, nextPage),
+      Math.max(1, viewer.pagesCount)
+    );
+    viewer.currentPageNumber = clampedPage;
+    setPageNumber(clampedPage);
+  };
+  const setViewerScale = (nextScale) => {
+    const viewer = pdfViewerRef.current;
+    if (!viewer) return;
+    const clampedScale = Math.min(3, Math.max(0.5, nextScale));
+    viewer.currentScale = clampedScale;
+    setScale(clampedScale);
+  };
+  const runFind = (findPrevious = false) => {
+    const eventBus = eventBusRef.current;
+    if (!eventBus || !query.trim()) return;
+    eventBus.dispatch("find", {
+      source: eventBus,
+      type: "again",
+      query,
+      phraseSearch: true,
+      caseSensitive: false,
+      entireWord: false,
+      highlightAll: true,
+      findPrevious,
+      matchDiacritics: true
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-1.5 border-b border-line px-2 py-1.5", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerPage(pageNumber - 1),
+          disabled: pageNumber <= 1,
+          "aria-label": "Previous PDF page",
+          title: "Previous page",
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          min: 1,
+          max: pagesCount || 1,
+          value: pageNumber,
+          onChange: (event) => setViewerPage(Number(event.target.value)),
+          "aria-label": "PDF page number",
+          className: "h-7 w-12 border-input px-1 text-center text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        "/ ",
+        pagesCount || "-"
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerPage(pageNumber + 1),
+          disabled: pagesCount > 0 && pageNumber >= pagesCount,
+          "aria-label": "Next PDF page",
+          title: "Next page",
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "mx-1 h-5 w-px bg-line" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerScale(scale - 0.1),
+          disabled: scale <= 0.5,
+          "aria-label": "Zoom out PDF",
+          title: "Zoom out",
+          children: /* @__PURE__ */ jsx(MinusIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "h-7 min-w-12 px-1 text-xs text-muted-foreground hover:text-foreground",
+          onClick: () => {
+            const viewer = pdfViewerRef.current;
+            if (!viewer) return;
+            viewer.currentScaleValue = "page-width";
+            setScale(viewer.currentScale || 1);
+          },
+          "aria-label": "Fit PDF to width",
+          title: "Fit width",
+          children: [
+            Math.round(scale * 100),
+            "%"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerScale(scale + 0.1),
+          disabled: scale >= 3,
+          "aria-label": "Zoom in PDF",
+          title: "Zoom in",
+          children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "mx-1 h-5 w-px bg-line" }),
+      /* @__PURE__ */ jsx(SearchIcon, { className: "size-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "search",
+          value: query,
+          onChange: (event) => setQuery(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") runFind(event.shiftKey);
+          },
+          placeholder: "Find",
+          "aria-label": "Find in PDF",
+          className: "h-7 w-28 border-input px-1 text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          onClick: () => runFind(false),
+          disabled: !query.trim(),
+          children: "Find"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start gap-2 p-3 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: error })
+    ] }),
+    !error && /* @__PURE__ */ jsx("div", { className: "relative h-[70vh] min-h-[420px] flex-1 bg-muted/20", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: containerRef,
+        "aria-label": `PDF viewer for ${fileName2}`,
+        className: "absolute inset-0 overflow-auto",
+        children: /* @__PURE__ */ jsx("div", { ref: viewerRef, className: "pdfViewer" })
+      }
+    ) })
+  ] });
+}
+function decodeBase64(content) {
+  const binary = globalThis.atob(content);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) {
+    bytes[index] = binary.charCodeAt(index);
+  }
+  return bytes;
+}
+function formatPdfPreviewError(error) {
+  if (error instanceof Error && (error.name === "InvalidCharacterError" || error.message === "Invalid character")) {
+    return "PDF preview data is not valid base64.";
+  }
+  return error instanceof Error ? error.message : "Failed to render PDF preview.";
+}
 var SKELETON_WIDTHS2 = [75, 60, 90, 65, 80, 70, 85, 55];
 var DEFAULT_WIDTH = 500;
 var MIN_WIDTH = 300;
 var MAX_WIDTH = 900;
-function isViewable(name) {
-  const dot = name.lastIndexOf(".");
-  const ext = dot >= 0 ? name.slice(dot).toLowerCase() : "";
-  return TEXT_EXTENSIONS.has(ext) || IMAGE_EXTENSIONS.has(ext);
-}
 function collectExpandedPaths(entries, depth = 0) {
   const paths = [];
   for (const entry of entries) {
@@ -6503,8 +6759,8 @@ function findEntry(entries, path) {
 }
 function RenderEntries({
   entries,
-  onFileSelect,
-  onDelete
+  onDelete,
+  downloadUrlFor
 }) {
   return /* @__PURE__ */ jsx(Fragment, { children: entries.map((entry) => {
     if (entry.kind === "dir") {
@@ -6512,27 +6768,26 @@ function RenderEntries({
         RenderEntries,
         {
           entries: entry.children,
-          onFileSelect,
-          onDelete
+          onDelete,
+          downloadUrlFor
         }
       ) }, entry.path);
     }
-    const viewable = isViewable(entry.name);
+    const fileName2 = entry.name;
     return /* @__PURE__ */ jsxs(FileTreeFile, { name: entry.name, path: entry.path, children: [
       /* @__PURE__ */ jsx("span", { className: "size-4 shrink-0" }),
       /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: entry.name }),
       entry.size != null && /* @__PURE__ */ jsx("span", { className: "ml-1 shrink-0 text-xs text-muted-foreground/60", children: formatFileSize(entry.size) }),
       /* @__PURE__ */ jsxs("div", { className: "ml-1 flex shrink-0 items-center gap-0 opacity-0 transition-opacity group-hover:opacity-100", children: [
-        viewable && /* @__PURE__ */ jsx(
-          "button",
+        /* @__PURE__ */ jsx(
+          "a",
           {
-            type: "button",
+            href: downloadUrlFor(entry.path),
+            download: fileName2,
             className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
-            onClick: (event) => {
-              event.stopPropagation();
-              onFileSelect(entry.path);
-            },
-            title: "View",
+            onClick: (event) => event.stopPropagation(),
+            title: "Download",
+            "aria-label": `Download ${fileName2}`,
             children: /* @__PURE__ */ jsx(DownloadIcon, { className: "size-3" })
           }
         ),
@@ -6546,6 +6801,7 @@ function RenderEntries({
               onDelete(entry.path);
             },
             title: "Delete",
+            "aria-label": `Delete ${fileName2}`,
             children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-3" })
           }
         )
@@ -6863,8 +7119,8 @@ function WorkspacePanel({
                 RenderEntries,
                 {
                   entries,
-                  onFileSelect: handleSelect,
-                  onDelete: setDeleteTarget
+                  onDelete: setDeleteTarget,
+                  downloadUrlFor: (path) => sessionId ? adapter.getWorkspaceDownloadUrl({ sessionId, path }) : "#"
                 }
               )
             }
@@ -6876,7 +7132,13 @@ function WorkspacePanel({
             file,
             loading: fileLoading,
             error: fileError,
+            downloadUrl: file && sessionId ? adapter.getWorkspaceDownloadUrl({
+              sessionId,
+              path: file.path
+            }) : null,
+            onDelete: file ? () => setDeleteTarget(file.path) : null,
             onClose: () => {
+              onSelectedPathChange(null);
               setFile(null);
               setFileError(null);
             }